Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Widget menu & %pages menu (http://forum.bytesforall.com/showthread.php?t=15708)

mikolajs Oct 19, 2011 04:11 PM

Widget menu & %pages menu
 
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

lmilesw Oct 19, 2011 04:37 PM

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;
}


mikolajs Oct 19, 2011 05:21 PM

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

lmilesw Oct 19, 2011 05:43 PM

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


All times are GMT -6. The time now is 07:16 PM.

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