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 »

Menu Problems- Page-center command


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 Jan 14, 2012, 04:09 PM
theadventurebite
 
136 posts · May 2010
Can't seem to get the dashed border to go away on menu bar or the pages to actually center correctly when I use page-center command

The border goes away when I use plain page command.

Ideas?

Quote:
ul.rMenu ul {background:transparent !important;}

/* removing the default top padding of td#middle of "classic" Atahualpa,
and putting some more padding-bottom here, for more margin above the footer */
td#middle {
padding: 0 0 15px 0;
}

div.searchbox {
position: absolute;
top: 95px;
right: 20px;
}

div.searchbox-form {
margin: 5px 0 15px 5px;
}
div#menu1 ul.rMenu {
background: #000000;
width: 930px;
border: none;
}
div#imagecontainer {
margin: 5px 0;
border: solid 5px #666;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
}
div.widget ul li {
padding: 1px 5px 1px 12px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/round-gray.gif') no-repeat 0 7px;
}

/* Menu Bars */

div#menu2 ul.rMenu {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 3px;
padding: 5px;
margin: 5px 0;
}
div#menu2 ul.rMenu-ver {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 10px;
/* the background color of sub-UL's must be set here */
background: #666;
}


/* Adjustments for the menu bars, which in their default
state have 1px borders plus -1px margins to avoid 1+1=2px
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 30px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 1px;
}
/* Space between items of page menu bar */
div#menu1 ul.rMenu li {
margin-right: 5px;
}
/* Reset margin for 2nd+ level items */
div#menu1 ul.rMenu li li {
margin-right: 0;
}

/* round corners for menu bar items */
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a,
div#menu2 ul.rMenu li, div#menu2 ul.rMenu li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* reset 2nd+ level */
/*
div#menu1 ul.rMenu li li, div#menu1 ul.rMenu li li a,
div#menu2 ul.rMenu li li, div#menu2 ul.rMenu li li a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
*/

/* XX comments to .... */
h3#comments {
margin: 5px 0;
padding: 10px;
background: #fff;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
border: solid 1px #e5e5e5;
}

ul.commentlist {
border-top: 0;
margin: 0;
}
ul.commentlist li.thread-odd, ul.commentlist li.thread-even {
margin: 5px 0;
padding: 10px;
background: #fff;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
border: solid 1px #e5e5e5;
}
  #2  
Old Jan 14, 2012, 06:29 PM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
Link to site?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 14, 2012, 07:35 PM
theadventurebite
 
136 posts · May 2010
Woops sorry! It's www.theadventurebite.com
  #4  
Old Jan 14, 2012, 07:54 PM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
Sometimes you have to add !important to some CSS so it overrides other CSS. The following is ONE way to do what you want. I also threw rounded corners to the menu.
HTML Code:
#menu1 {
    border: 1px solid black !important;
    border-radius: 5px;
    margin-top: 5px;
}
One other suggestion is to reduce the height of the image container. There is a setting in the theme options or you could use the following in CSS Inserts.
HTML Code:
#imagecontainer {
    height: 150px;
}
One more thing. You burlap background image is over 6 Mb that is WAY too large for a background image. I causes the page to load slowley. For that kind of a background you could use a tileable background image. You can do a search on the web for tileable images.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Last edited by lmilesw; Jan 14, 2012 at 08:05 PM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Ongoing problems with %page center sleenie Page & Category Menu Bars 0 Sep 9, 2010 06:12 PM
adding javascript with <body> onLoad command bcnuggs Center area post/pages 1 Aug 16, 2010 07:22 AM
[SOLVED] Accidental key command has site/theme HUGE 5thbeatle Forum How-To 2 Jun 30, 2010 04:53 PM
Google site: command showing incorrect slug zzsimonb Atahualpa 3 Wordpress theme 0 Dec 10, 2009 09:34 AM


All times are GMT -6. The time now is 10:22 PM.


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