Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Menu Problems- Page-center command (http://forum.bytesforall.com/showthread.php?t=16499)

theadventurebite Jan 14, 2012 04:09 PM

Menu Problems- Page-center command
 
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;
}

lmilesw Jan 14, 2012 06:29 PM

Link to site?

theadventurebite Jan 14, 2012 07:35 PM

Woops sorry! It's www.theadventurebite.com

lmilesw Jan 14, 2012 07:54 PM

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.


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

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