Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Ongoing problems with %page center


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Sep 9, 2010, 06:12 PM
sleenie
 
291 posts · May 2009
Texas and New Mexico
Send a message via Skype™ to sleenie
I'm using 3.5.3 on this as well as WP 3.01

I've read the sticky on this as well as this thread.

I noticed that Larry used 100%, that didn't work so i tried using the number of px I set my page at. No change with that either. I still can't get the menu bar the same color all the way across.

So my next step was to change it back to just %pages. I did some adjusting on the padding and have it looking alright. Of course, when I looked at IE it was terrible.

I have an original post (here) that talks about the overlaying of layers. You'll notice the edges of the menu right & left do not line up like they do in Firefox. I've attached 2 graphics. I'm at a loss now as to what to do. Getting Firefox looking good but not IE.

If you need to get into the site, please let me know, right now it's under maintenance mode. Also here is my code and now I'm using %pages versus %page-center since I couldn't seem to get that working. Below is all of the code that I have in the CSS/HTML inserts.

td#header 7px{
padding-bottom: 0px;
}

div#menu1 ul.rMenu {
background: 62250f;
border: none;
}

div.widget ul li {
padding: 1px 5px 1px 14px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/gray-arrow.gif') no-repeat 0 4px;
}
div.widget ul li a:hover {
text-decoration: underline;
}
/* ================================================ */
/* Page menu background */
/* ================================================ */
div#menu1 {
height: 0px;
margin-top:0px;
background: #62250f;
}
/* ================================================ */
/* Page Menu item's background and border */
/* ================================================ */
div#menu1 ul.rMenu {
background: #62250f;
border: 5px solid #62250f;
}
/* ================================================ */
/* Page Menu item */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
background: #62250f !important;
color: #df9c32 !important;
}
/* ================================================== */
/* CSS for setting menu padding */
/* ================================================== */
ul.rMenu li {
padding: 0px 20px 0px 12px
}
ul.rMenu-ver li {
padding-top: 0px 12px 0px 12px;
margin-top: 0px 0px 0px 0px;
}

/* ================================================ */
/* Category menu background */
/* ================================================ */
div#menu2 {
height:75px;
margin-top:0px;
background: 62250f;
}
/* ================================================ */
/* Category Menu item's background and border */
/* ================================================ */
div#menu2 ul.rMenu {
background: 62250f;
border: none 0px;
}
/* ================================================== */
/* Category Menu item */
/* ================================================== */
#menu2 ul.rMenu li a:link,
#menu2 ul.rMenu li a:hover,
#menu2 ul.rMenu li a:active,
#menu2 ul.rMenu li a:visited,
#menu2 ul.rMenu li {
background: #62250F !important;
color: #df9c32 !important;
}
/* ================================================== */
/* How to get rid of dashes when using %page-center */
/* ================================================== */
div#menu1 {
border: none 0px;
}
/* ================================================== */
/* How to bold menu items */
/* ================================================== *
font-weight: bold;
}



<div style="width:983px;background-color:#62250f;">%page-center</div>


I've gone ahead and used the %page instead and then adjusted the paddings. It is 99% right and I'm going to leave it at that.

Last edited by sleenie; Sep 10, 2010 at 08:04 AM. Reason: Found a solution

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Center Area - Middle Table configuration problems sighedeffects Center area post/pages 0 Aug 31, 2010 04:24 PM
[SOLVED] Problems with page background molligirl Header configuration & styling 8 Mar 12, 2010 10:53 PM
posts page problems JBWhite Atahualpa 3 Wordpress theme 2 May 11, 2009 03:22 PM
Archive Page Problems adashofsass Atahualpa 3 Wordpress theme 4 Mar 9, 2009 11:08 AM
Using background images in Center and Sidebar...Problems Velma Atahualpa 3 Wordpress theme 4 Feb 16, 2009 10:28 PM


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


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