Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Right border on each tab except the last.


  #1  
Old Oct 28, 2012, 08:30 AM
Harald
 
72 posts · Mar 2010
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
  #2  
Old Oct 28, 2012, 11:34 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Use CSS and the unique menu I'd for all but the last item
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 28, 2012, 05:23 PM
Harald
 
72 posts · Mar 2010
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
  #4  
Old Oct 29, 2012, 07:27 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Oct 29, 2012 at 07:35 AM.
  #5  
Old Oct 29, 2012, 07:41 AM
Harald
 
72 posts · Mar 2010
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

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
getting rid of a border fcitino Header configuration & styling 1 Jun 21, 2011 12:53 PM
Image border Yes. Caption Border No. vCopia Center area post/pages 1 Jan 19, 2011 05:32 PM
Border around Txt ontrackdesignz Center area post/pages 3 Dec 3, 2010 04:47 AM
[SOLVED] how to create a CSS insert for border-left border-right on menu tabs aliengirl Page & Category Menu Bars 3 Jan 7, 2010 08:22 PM
[SOLVED] Space between Footer Border top and widget border bottom?? norwichkaren Atahualpa 3 Wordpress theme 12 Sep 25, 2009 07:32 AM


All times are GMT -6. The time now is 03:39 PM.


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