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 » 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,176 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,176 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,176 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,176 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



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:42 PM.


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