Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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
[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
  #2  
Old Oct 28, 2012, 11:34 AM
juggledad's Avatar
juggledad
 
23,765 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,765 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



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 04:45 PM.


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