[Plugin: WP-PageNavi] Backgound of bar is wider that page layout – how to limit
-
This is an image of the top of page Image of page top
The top black block is an image that is the header.
This is the pagenavi-css – standard
.wp-pagenavi{padding:5px 0;border-top:1px solid #ddd;} .wp-pagenavi a { padding:5px 7px; text-decoration:none; border:1px solid #f7f7f7; } .wp-pagenavi a:hover { background:#f7f7f7; border:1px solid #f7f7f7; text-decoration:none; } .wp-pagenavi span.pages { padding:1px 7px 1px 22px !important; padding:2px 7px 2px 22px; height:16px; line-height:16px; } *+html .wp-pagenavi span.pages { padding:2px 7px 2px 22px !important; } .wp-pagenavi span.current { background:#f7f7f7; padding:5px 7px; border:1px solid #f7f7f7; font-weight:bold; } .wp-pagenavi span.extend { padding:2px 4px;
This is the section of the style css
/* #nav */ #nav{z-index:5;position:relative;text-align:center;height:31px;margin:padding-top:20px;clear:both;background:#454546;} #menus{width:700px;height:31px;margin:0 auto;padding-right:260px;font-size:14px;text-shadow:0 1px 0 #000;} #menus a{border:1px solid #555;border-bottom:none;color:#abaaaa;display:block;line-height:30px;background:#333;padding:0 10px;} #menus ul{list-style:none;margin:0;} #menus li{float:left;position:relative;margin-right:8px;} #menus li:hover > a{background:#222;color:#fff;} #menus ul li.current_page_item > a, #menus ul li.current-menu-ancestor > a, #menus ul li.current-menu-item > a, #menus ul li.current-menu-parent > a{background:#f7f7f7;color:#333;text-shadow:0 1px 0 #fff;} #menus ul li.current_page_item:hover > a, #menus ul li.current-menu-ancestor:hover > a, #menus ul li.current-menu-item:hover > a, #menus ul li.current-menu-parent:hover > a{background:#222;color:#fff;text-shadow:0 1px 0 #000;} #menus ul li:hover > ul{display:block;} #menus ul ul a{background:#222;width:160px;height:auto;} #menus ul ul{display:none;position:absolute;top:31px;left:0;float:left;width:150px;z-index:99999;} #menus ul ul li{min-width:150px;} #menus ul ul ul{left:100%;top:0;}
The bar – background:#454546 – is what I want to line up with the header image and not extend past the page and sidebar boarder.
If I assign a Width – say 700 the bar aligns left as the CSS says but ends at half page width – if I delete “float left” it does not help
Thanks for any help – have used HTML for years but new to WP
Viewing 7 replies - 1 through 7 (of 7 total)
Viewing 7 replies - 1 through 7 (of 7 total)
- The topic ‘[Plugin: WP-PageNavi] Backgound of bar is wider that page layout – how to limit’ is closed to new replies.