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 » FAQ - Atahualpa » Menus »

How to get the centered menu to extend the width of the content area

Old Oct 11, 2012, 07:31 AM
juggledad's Avatar
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
When you use %page-centered you will see that the menu is centered but is only as wide as the text of the menus. here is how to make it full width.

1) go to ato->Menu 1 (Page Menu) and copy down the values for:
   Border around all menu items:  ________________________
   Background color: ___________________________________
2) go to ato->Add HTML/CSS Inserts-CSS Inserts and add the following
HTML Code:
#bfa_page_menu {background-color: cccccccc; border: bbbbbbbb;}
div#menu1 {border: bbbbbbbb; background-color: cccccccc;}
#bfa_page_menu div#menu1 {border: none;}
where cccccccc = the value you wrote down for 'Background color'
and bbbbbbbb = the value you wrote down for 'Border around all menu items'

For example, if your values are
HTML Code:
   Border around all menu items:  solid 1px #000000
   Background color: EEEEEE
then youe CSS would be
HTML Code:
#bfa_page_menu {border: solid 1px #000000; background-color: #EEEEEE;}
div#menu1 {border: solid 1px #000000; background-color: #EEEEEE;}
#bfa_page_menu div#menu1 {border: none;}
That's all you need do.
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Oct 19, 2012 at 05:57 AM.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
I want a full width header, fixed width content and a background image tsheridan Header configuration & styling 5 Jan 29, 2013 03:46 PM
Full-width header, narrower content area? paulae Header configuration & styling 26 Nov 14, 2012 04:51 PM
LAYOUT: 100% width & (Middle + sidebar) centered width 960px => how to do? bender57 Sidebars & Widgets 2 Jan 27, 2011 02:50 AM
[SOLVED] How to extend the menu bar color across the whole menu and not just the page runnyeggsham Header configuration & styling 2 Nov 15, 2010 01:40 PM
how to extend the added image to your layout width in menu bars? and some other Q's ppat2 Page & Category Menu Bars 1 May 5, 2009 06:28 PM

All times are GMT -6. The time now is 08:39 PM.

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