Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Filling page menu bar 100% width (http://forum.bytesforall.com/showthread.php?t=9441)

bassoo Sep 6, 2010 03:49 PM

Filling page menu bar 100% width
 
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:
http://www.onlinerealisatie.nl/pagemenu1.jpg

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:

http://www.onlinerealisatie.nl/pagemenu2.jpg

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:

http://www.onlinerealisatie.nl/pagemenu3.jpg


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.

lmilesw Sep 7, 2010 07:17 AM

Why not also add a margin-right of 0 along with the border-right?

bassoo Sep 7, 2010 07:34 AM

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...

lmilesw Sep 7, 2010 07:37 AM

Take a look in ATO>Add HTML/CSS Inserts>CSS Inserts for items relating to menus. You may get some clues there.

bassoo Sep 7, 2010 07:43 AM

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)

lmilesw Sep 7, 2010 07:48 AM

So does the right border CSS work OK for you now?

bassoo Sep 7, 2010 08:37 AM

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.

lmilesw Sep 7, 2010 06:20 PM

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.


All times are GMT -6. The time now is 09:32 AM.

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