speircouk 0 Report post Posted June 25, 2012 Hello to everyone from Scotland! I'm a bit of a newbie with web design so some help would be great. Been referencing this forum and the pagelines docs whilst building a site for a marketing services company I'm trying to launch. I am very happy with how I have progressed with the development of the site. One change I'd like to add though is a coloured background to the main navigation bar to a blue of similar colour to my logo. www.speir.co.uk I'd then like the text in the bar to be white I think. Any help with this would be great as it's one of the last things I'd like to add at moment. I've read other similar posts and pasted code into custom CSS but nothing seems to work. Share this post Link to post Share on other sites
batman 389 Report post Posted June 25, 2012 Hi @danny gave me this link http://www.colorzilla.com/gradient-editor/ you can use to copy the code inside {....} [code].main_nav_container {....} .main_nav ul li {.....} ul.main-nav li.current-menu-item a {....} .navigation_wrap {....} .main-nav li a:hover, .main-nav .current-menu-ancestor .current_page_item a, .main-nav li.current-menu-ancestor ul a:hover {....} .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 {....} .main_nav li a {....} [/code] Try to replace one by one and look what happens @simple_mama give me... You may find these two topics useful for the text color: http://www.pagelines.com/forum/discussion/15956/pagelines-framework-2.0-css-tweaks.#Item_1 http://www.pagelines.com/forum/discussion/16222/common-questions-and-customizations#Item_2 I'm a newbie too. Life is too short to remove USB safely ... Share this post Link to post Share on other sites
Rob 547 Report post Posted June 26, 2012 Batman is one of the best newbies! Great info he's giving you. One other option is to install the Simple CSS Lite plugin found in the Store (free). Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
batman 389 Report post Posted June 26, 2012 Thanks Mr. rangelone... "One other option is to install the Simple CSS Lite plugin found in the Store (free)." [img]http://foro-mac.com.ar/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif[/img] Life is too short to remove USB safely ... Share this post Link to post Share on other sites
catrina 103 Report post Posted June 26, 2012 I second this (or should I say "third this"? Does that make sense) the Simple CSS Lite plugin. 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
speircouk 0 Report post Posted June 26, 2012 THANKS! Worked a treat! Website now looking a good bit better. Very pleased with progress as this was something hugely important that I'd tried lots of code. The plug in is great! Share this post Link to post Share on other sites