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)
-   -   [SOLVED] Justify Sub Items in Category Menu (http://forum.bytesforall.com/showthread.php?t=23501)

SeedPlace Jun 8, 2016 02:03 PM

[SOLVED] Justify Sub Items in Category Menu
In my attempt to widen the space between category menu items, I somehow messed up the alignment of the sub menus.
To the Add HTML/CSS I added:

div#menu1 ul.rMenu li {border-left: solid 50px white;}

I like the width of them items now.
However, I can't figure out the syntax to move the sub menu to the left.
Any suggestions?

juggledad Jun 8, 2016 02:55 PM

Because CSS cascades, the border is added to that element and all it's children, there fore you have to code a selector for the child and get rid of the left border for them

SeedPlace Jun 8, 2016 04:06 PM

Like I said, I don't know what coding to use.
What quick line would I need to put in?

juggledad Jun 8, 2016 05:19 PM

(Note my signature)

You can determing what you need one of two ways
1) use the FireBug extension in FireFox to look at the elements (and test your new selector/rule) or
2) go to your page and then view the source to see what the child elements are and then you can build the selector from that.

in english your CSS says ' add a solid white 50px wide boarder to every 'li' that is a child of a 'ul' with a class of'rMenu' which is a child of a 'div' with an ID of 'menu1'

use that and look a the source to see what 'li's are effected.

SeedPlace Jun 8, 2016 06:38 PM

Figured it out, thx

All times are GMT -6. The time now is 10:28 PM.

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