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 » Header configuration & styling »

Filling page menu bar 100% width


  #1  
Old Sep 6, 2010, 03:49 PM
bassoo
 
4 posts · Sep 2010
Hello,
I would like an 'empty' button at the right end of the page menu bar which fills the page horizontally 100%.

To explain, here is how it looks now:


I tried adding a background attribute to:
echo '<div id="menu1" style="background: #EEEEEE;">';

in bfa_header_config, but then ofcourse the white space between the buttons is gone:



Tried solving that with adding a white border to the buttons on the right side, but because of the space between the buttons this doesn't look nice:




I am sure that what i'm doing is not very 'neat'. But it was getting very late and I was desperately looking for a quick solution. Hopefully some of you came up with, probably a much easier, solution.

Thank you so much in advance.
  #2  
Old Sep 7, 2010, 07:17 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Why not also add a margin-right of 0 along with the border-right?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Sep 7, 2010, 07:34 AM
bassoo
 
4 posts · Sep 2010
That doesn't change anything. Margin is already set to 0 in that part of the css.
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
border-right: 2px solid white;
text-decoration: none;
margin: 0;
color: #<?php echo $bfa_ata['page_menu_bar_link_color']; ?>;
text-transform: <?php echo $bfa_ata['page_menu_transform']; ?>;
font: <?php echo $bfa_ata['page_menu_font']; ?>;


Margin or padding or spacing must be arranged somewhere else but I can't find where...
  #4  
Old Sep 7, 2010, 07:37 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Take a look in ATO>Add HTML/CSS Inserts>CSS Inserts for items relating to menus. You may get some clues there.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Sep 7, 2010, 07:43 AM
bassoo
 
4 posts · Sep 2010
Thanks so much, that's exactly where to find the issue.

Changed the following:

/* Space between items of page menu bar */
div#menu1 ul.rMenu li {
margin-right: 0px;

(was set to 5px)
  #6  
Old Sep 7, 2010, 07:48 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
So does the right border CSS work OK for you now?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Sep 7, 2010, 08:37 AM
bassoo
 
4 posts · Sep 2010
Yes,

With:
- Changing the background of the menu div in bfa_header_config
- Adding a right border in css.php
- Removing the right margin through ATO>Add HTML/CSS Inserts

Thanks again.
  #8  
Old Sep 7, 2010, 06:20 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You shouldn't add CSS code to css.php or edit bfa_header_config. All of those menu changes can be done within the theme options. Besides the problem unknown issues when changing those files they will be overwritten when you upgrade Atahualpa.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Footer 100% width cvan Post-Kicker, -Byline & -Footer 3 Aug 25, 2010 03:43 PM
How to make the Header width fluid (100%), but keep everything else fixed (980px)? in10 Header configuration & styling 3 Aug 23, 2010 08:55 PM
[SOLVED] 3.5.2 Cat &amp; Menu Bar background displaying at 100% (Fixed width 900px) MickR New Versions, & Updating 2 Jul 20, 2010 07:59 AM
100% image width in single post pages kaspar.wimberley Center area post/pages 0 May 15, 2010 05:25 AM
[SOLVED] Page menu bar gif image full width rcarbaugh Page & Category Menu Bars 4 Jan 13, 2010 12:43 PM


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


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