lisaren 0 Report post Posted January 19, 2012 Struggling with finding the right CSS! How do I center my menu on the page? And while I am at it change the text to white and the background to that green? site: http://www.com-construct.com/wp/ thanks! Share this post Link to post Share on other sites
lisaren 0 Report post Posted January 19, 2012 Ok - I got the nav centered with this: [code].main_nav { margin-left:150px; background-color: #353d33; }[/code] And I made the text white when I did the green background with this css: [code].main_nav li a { display: block; text-decoration: none; color: #FFF; background-color: #353d33; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }[/code] But why does the text look fuzzy? Is there a drop shadow and if so where do I delete that? Share this post Link to post Share on other sites
Jenny 33 Report post Posted January 19, 2012 Nice job getting it centered! To remove the text shadow, you can select the option to disable in PageLines -> Settings -> Color Control (site-wide). Or use: [code].main_nav li a { text-shadow: 0 0 0 #000000 !important; }[/code] ♥ Jenny :: Web designer at Simple Mama (follow me at @simplemamacom) Check out Share Me, a social sharing add-on for DMS that is super simple to set up. Share this post Link to post Share on other sites
lisaren 0 Report post Posted January 19, 2012 oh Jenny I love you. I would never have spotted that toggle box in my current state!! Any chance you can help me make that grey background go away on the hover? I tried this and still have it. It's driving me nuts!! [code].main-nav .current-menu-ancestor a, .main-nav li.current-menu-ancestor ul a, .main-nav li.current_page_item a, .main-nav li.current-menu-item a, .main-nav li.current_page_parent a, .sf-menu li li, .sf-menu li li li { background: none repeat scroll 0 0 #353D33; }[/code] Share this post Link to post Share on other sites
Jenny 33 Report post Posted January 19, 2012 :) I believe the selector is .main-nav li:hover ♥ Jenny :: Web designer at Simple Mama (follow me at @simplemamacom) Check out Share Me, a social sharing add-on for DMS that is super simple to set up. Share this post Link to post Share on other sites
lisaren 0 Report post Posted January 19, 2012 argh! Didn't work!! I did this as you suggested: [code].main-nav li:hover {background:#353d33}[/code] And the grey is still there. That should have worked. Do I have another style overwriting it?? Here is my style sheet: [url]http://www.com-construct.com/wp/wp-content/themes/pagelines_child/style.css[/url] I have been out of action with small children for a few years and really need to brush up on CSS!!! Share this post Link to post Share on other sites
Rob 547 Report post Posted January 19, 2012 To answer your last question first, go to Dashboard > PageLines > Color Control and scroll down to "Disable Text Emboss Effect (Text Shadow)" and check the box to disable the shadow. Here's some CSS I've used before. You'll see the different components, what they do and colors you'll need to change if you use any of these. [code]/* NAV BACKGROUND AND BORDER UNDER NAV */ .navigation_wrap { border-bottom: 1px solid #bcbcbc !important; background-color: #e8ecef !important; } /* TO CHANGE THE COLOR OF THE NAV TEXT AND BACKGROUND (NO HOVER) */ .main-nav li a { background-color: #e8ecef !important; color: #3f95c7 !important; } /* TO CHANGE THE COLOR OF THE NAV TEXT AND BACKGROUND ON HOVER */ .main-nav li a:hover { background-color: #ffffff !important; color: #ff9c00 !important; } /* TO MAKE THE ACTIVE MENU APPEAR LIKE THE REST */ .main-nav .current-menu-item a, .main-nav .current-menu-item ul li a:hover { background-color: #ffffff !important; color: #ff9c00 !important; } .main-nav .current-menu-item ul li a { background-color: #e8ecef !important; color: #3f95c7 !important; }[/code] Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
lisaren 0 Report post Posted January 19, 2012 Rangelone - that almost fixed things! But I still have that pesky current menu item not behaving and I don't know why. When I use Firebug and change the css thru it on a test this fixes it: [code].main-nav .current-menu-ancestor a, .main-nav li.current-menu-ancestor ul a, .main-nav li.current_page_item a, .main-nav li.current-menu-item a, .main-nav li.current_page_parent a, .sf-menu li li, .sf-menu li li li { background: none repeat scroll 0 0 #353D33; }[/code] but not in real life. Help! thank you in advance! Share this post Link to post Share on other sites
kastelic 6 Report post Posted January 19, 2012 Have you tried: [code] .current_page_item a { background: blue !important; } [/code] Share this post Link to post Share on other sites
lisaren 0 Report post Posted January 20, 2012 Just tried that and didn't work :-( Here is the link to my full CSS if anyone can solve this mystery! http://www.com-construct.com/wp/wp-content/themes/pagelines_child/style.css and the site: http://www.com-construct.com/wp My husband and children will be eternally grateful to you - as my mood will improve dramatically once this is solved!! Share this post Link to post Share on other sites
catrina 103 Report post Posted January 20, 2012 Try this CSS: [code]ul.main-nav li.current_page_item {background-color: #353D33;}[/code] Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
lisaren 0 Report post Posted January 20, 2012 I just want to cry!! No. That didn't work either. ARGH!! Is there something in my css that is stopping any of these from working?? Because they should work!!! This kind of stuff just drives me crazy!!!!! Thank you all for trying!! Share this post Link to post Share on other sites
Jackey 29 Report post Posted January 20, 2012 [code]ul.main-nav li.current_page_item a {background-color: #353D33;}[/code] ;) Share this post Link to post Share on other sites
lisaren 0 Report post Posted January 20, 2012 Jackey - if there were a price you WIN! YAY!!!!!!!!! Can't thank you enough!!!!!!!!!! Share this post Link to post Share on other sites
Jackey 29 Report post Posted January 20, 2012 That wouldn't be fair to the others now would it... but you're welcome of course! Share this post Link to post Share on other sites
