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)
-   -   Where to put styling for a, li, ul etc. (http://forum.bytesforall.com/showthread.php?t=18000)

aeriph Jul 18, 2012 08:24 AM

Where to put styling for a, li, ul etc.
 
I'm trying to style the page menu into separate 'buttons' with different colours for hover, active etc. I just can't figure out where to put styling in the ul, li, a sections of the CSS. Could someone explain where these go?

Currently CSS inserts looks like this (I'm assuming CSS inserts override the settings in ata options):

site is at http://eastasiastudent.net



Code:

/* ================================================ */
/* Page menu background                            */
/* ================================================ */
div#menu1 {
        height: 40px; 
        margin-top:0px;
        background: white;
}
/* ================================================ */
/* Page Menu item's background and border          */
/* ================================================ */
div#menu1 ul.rMenu {
        background: white;
        border: none 0px;
}

/* ================================================ */
/* Page Menu item                                  */
/* ================================================ */

ul.rMenu li,
ul.rMenu li a:link,
ul.rMenu li a:visited {
        background: #aaaaff;
        color: #000000;
        border: 1px solid #5555ff;
        padding:0.2em;
        margin:0.2em;
}

ul.rMenu li a:hover {
        background: #8888ff;
}

ul.rMenu li a:active {
        background: #5555ff;
}


juggledad Jul 18, 2012 01:41 PM

Yes the CSS inserts get tacked to the end of the themes CSS so it takes precedence over another CSS with the same selectors.


All times are GMT -6. The time now is 03:42 AM.

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