Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Widget menu & %pages menu


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 19, 2011, 04:11 PM
mikolajs
 
2 posts · Oct 2011
Hi,

I have few problems on my webside http://oum.b-m.pl/new/oum/?page_id=6 with menus.

1. I add some css to CSS/HTML Inserts to style this menu:

Code:
div.widget ul li a:link{
background: #6a7993;
padding: 10px; 
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;}



div.widget ul li a:active{
}


div.widget ul li a:hover{
background: #42485b;
padding: 10px; 
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;}

When I click on some link in this menu this link stay in the same color. I want to do this like in menu %page - when I click on the link it change color and it stay changed before I clik on the next link.

2. How in menu %pages do the same size of cells for all links and center all menu.

Thanks
  #2  
Old Oct 19, 2011, 04:37 PM
lmilesw's Avatar
lmilesw
 
9,973 posts · Jul 2009
Central New York State USA
The order for the pseudo classes has to be link, visited, hover, active. In other words active has to be listed after hover and you have it before.

To make the menus the same width you should be able to just add the width property with CSS like the following but if you make the width big enough so the menus titles don't wrap the menu itself will wrap.
HTML Code:
#rmenu2 li a {
    width: 140px;
    text-align: center;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Oct 19, 2011, 05:21 PM
mikolajs
 
2 posts · Oct 2011
Thanks for replay, menu %pages works fine.

I modified my css to:

Code:
div.widget ul li a:link{
background: #6a7993;
padding: 10px; 
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;}

div.widget ul li a:visited{
background: #36FFDD;
padding: 10px;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;}


div.widget ul li a:hover{
background: #42485b;
padding: 10px; 
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;}

div.widget ul li a:active{
background: #36FFDD;
padding: 10px;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;}
But when I click on first link it stay visited. How to change left menu css to be exactly as the %pages menu?

Thanks
  #4  
Old Oct 19, 2011, 05:43 PM
lmilesw's Avatar
lmilesw
 
9,973 posts · Jul 2009
Central New York State USA
You don't want to use visited in this context. Otherwise, as you can see, all visited links will be that color. Instead you need to use .current-menu-item as part of the CSS
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
BUGFIX 361-04: Allow Custom Menu widget links to use same styling as Pages widget. juggledad Old Version fixes and change logs 1 Jan 22, 2011 08:40 AM
Can see pages on menu bar but Unable to see categories menu on all pages ajinkya Page & Category Menu Bars 7 Oct 14, 2010 06:35 AM
Pages Widget with expanding menu sfxc13 Sidebars & Widgets 1 Feb 22, 2010 06:47 AM
How do I hide Horizontal Decoration Bar, Pages Menu, Categories Menu on certain pages sixfirs Atahualpa 3 Wordpress theme 0 Nov 19, 2009 05:13 AM


All times are GMT -6. The time now is 12:31 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.