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


  #1  
Old Oct 11, 2012, 06:31 AM
juggledad's Avatar
juggledad
 
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:
Code:
   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 04:57 AM.

Bookmarks

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 02:46 PM
Full-width header, narrower content area? paulae Header configuration & styling 26 Nov 14, 2012 03:51 PM
LAYOUT: 100% width & (Middle + sidebar) centered width 960px => how to do? bender57 Sidebars & Widgets 2 Jan 27, 2011 01: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 12: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 05:28 PM


All times are GMT -6. The time now is 04:44 AM.


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