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] page wide menu background


  #1  
Old Aug 30, 2013, 04:36 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
How can I extend the menu background color page wide without using a background image? So I want the menu bar page wide.

The site (http://www.vanuitert-internetransportsystemen.nl/) is set to 1100px fixed centered, and this has to stay that way

Is there a piece of CSS code I can add to do this?
  #2  
Old Aug 30, 2013, 04:59 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Site is in maintenance mode
  #3  
Old Aug 30, 2013, 05:21 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
Not any more now
  #4  
Old Aug 30, 2013, 05:51 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
Any idea @juggledad ?
  #5  
Old Aug 30, 2013, 06:57 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You can ry this
- add a new widget area to the ato->Add HTML/CSS Inserts->HTML Inserts: Body Top
HTML Code:
<?php bfa_widget_area('name=body top'); ?>
- view to front page
- add a text widget to the 'body top' widget area
- add teh following to the text widget
HTML Code:
<div id="bodytop">&nbsp;</div>
use CSS to style the area, something like
HTML Code:
#bodytop {
    background-color: #FF0000;
    height: 22px;
    position: relative;
    top: 38px;
}
  #6  
Old Aug 30, 2013, 07:05 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
WOW this worked great! Donation is on the way!
  #7  
Old Aug 30, 2013, 07:09 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
there may be some slight difference in different browsers because of the way the browsers work. Gee...wouldn't it be nice if all browsers worked the same...but I guess then we'd only need one
  #8  
Old Aug 30, 2013, 07:15 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
Nope looks the same in IE, FF and Chrome right now, I overlapped with 1px so if it is 1 pixel off it's no problem

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Image background for menu bar AND different background for current page menu button kippiper Page & Category Menu Bars 11 Jan 11, 2013 08:45 AM
[SOLVED] Background color:hover not working for 'category' items in menu 1 (page menu akg Center area post/pages 4 Sep 27, 2010 08:08 AM
[SOLVED] Full page wide Header? socalfusions Header configuration & styling 2 Jul 24, 2010 10:53 PM
How Does You Make a Page-Wide Billboard-style Container? acolburn Center area post/pages 0 Jul 17, 2010 12:16 PM
Positioning an extra wide image behind the menu bar WGTD Page & Category Menu Bars 2 Jun 22, 2010 12:03 PM


All times are GMT -6. The time now is 12:59 PM.


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