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] Right border on each tab except the last. (http://forum.bytesforall.com/showthread.php?t=18788)

Harald Oct 28, 2012 08:30 AM

[SOLVED] Right border on each tab except the last.
 
Hi
I would like to have a divider between the different menu items. I have tried to put a right border on each tab, but that does not look good on the last one. Is there a way to have a right border on all tabs except the last? I use the latest version of both Wordpress and Atahualpa.
Thanks

juggledad Oct 28, 2012 11:34 AM

Use CSS and the unique menu I'd for all but the last item

Harald Oct 28, 2012 05:23 PM

Thanks for your quick answer. How would the code look? This is how it looks today I guess.

<div class="horbar1">&nbsp;</div> <div id="menu1"><table cellpadding="0" cellspacing="0" style="margin: 0 auto"><tr><td align="center">
<ul id="rmenu2" class="clearfix rMenu-hor rMenu">
<li class="page_item current_page_item"><a href="http://blueberrybuilders.com/test/" title="Blueberry Builders, LLC"><span>blueberry builders</span></a></li>
<li class="page_item page-item-4"><a href="http://blueberrybuilders.com/test/?page_id=4"><span>Building Process</span></a></li>
<li class="page_item page-item-6"><a href="http://blueberrybuilders.com/test/?page_id=6"><span>Commercial</span></a></li>
<li class="page_item page-item-8"><a href="http://blueberrybuilders.com/test/?page_id=8"><span>Residential</span></a></li>
<li class="page_item page-item-10"><a href="http://blueberrybuilders.com/test/?page_id=10"><span>Support</span></a></li>
<li class="page_item page-item-12"><a href="http://blueberrybuilders.com/test/?page_id=12"><span>Contact</span></a></li>
</ul></td></tr></table></div>

I am not sure how to write the code in CSS Inserts. Do you have a suggestion?
Thanks,
Harald

juggledad Oct 29, 2012 07:27 AM

try this - add the following to the CSS Inserts
HTML Code:

#rmenu2 li.menu-item { border-left: solid 1px #000;}
#rmenu2 li:first-child {border-left: none;}


Harald Oct 29, 2012 07:41 AM

Thank you very much for your input. This is what I used in the end, and it worked perfect.

li.page-item-4 { border-right: solid 2px #366c95;}
li.page-item-4 { border-left: solid 2px #366c95;}
li.page-item-6 { border-right: solid 2px #366c95;}
li.page-item-8 { border-right: solid 2px #366c95;}
li.page-item-10 { border-right: solid 2px #366c95;}

For me this issue is now solved.

If you want to se the end result, go to www.blueberrybuilders.com/test

Thanks again,
Harald


All times are GMT -6. The time now is 05:40 PM.

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