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


  #1  
Old Aug 30, 2013, 05: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, 05:59 AM
juggledad's Avatar
juggledad
 
23,765 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, 06: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, 06: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, 07:57 AM
juggledad's Avatar
juggledad
 
23,765 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, 08: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, 08:09 AM
juggledad's Avatar
juggledad
 
23,765 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, 08: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



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 09: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 09:08 AM
[SOLVED] Full page wide Header? socalfusions Header configuration & styling 2 Jul 24, 2010 11:53 PM
How Does You Make a Page-Wide Billboard-style Container? acolburn Center area post/pages 0 Jul 17, 2010 01:16 PM
Positioning an extra wide image behind the menu bar WGTD Page & Category Menu Bars 2 Jun 22, 2010 01:03 PM


All times are GMT -6. The time now is 12:54 AM.


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