Jump to content
Sign in to follow this  
speircouk

Navigation bar - background colour and text colour

Recommended Posts

speircouk    0
speircouk

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
batman
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
Rob
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
batman
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
catrina
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
speircouk
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×