Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
kellycheerup

Changing navigation font colour on blog pages only

Recommended Posts

I have successfully removed the banner image from blog posts in the Bedford template. However, I can't figure out how to change the colour of the links in the top navigation along with the drop down menu background and the border around the Contact link. Help please?

I've put the banner image back on for now while I try to work it out.

My site is: www.cheerupmarketing.com

Share this post


Link to post

Try this... it works on my demo site:

/* invert logo on blog post pages */
.collection-type-blog #logoImage {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
  }
/* invert nav on blog post pages */
.collection-type-blog #mainNavigation {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
  }

 

Edited by christyprice

Share this post


Link to post

@kellycheerup  glad it worked for you! Also, if you could like my posts (the heart button in the lower right), it shows that I was helpful. 🙂

I can get you started on the font color... this should change the color for the links and the folder... maybe someone else can jump in with the button code.
 

/* change nav color on blog post pages */
.collection-type-blog #headerNav a {
color: #990000 !important;  }

 #mainNavigation .folder-toggle {
color: #990000 !important;
}

 

Share this post


Link to post

Thanks. I am swapping out the hex colour code but it isn't giving me the right colour! Any ideas why? They are the same hex values used elsewhere on my site.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...