• 0
Sign in to follow this  
Followers 0

Navigation bar - background colour and text colour

Question

Posted · Report post

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

5 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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).

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I second this (or should I say "third this"? Does that make sense) the Simple CSS Lite plugin.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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  
Followers 0