Triton Lite: Customizing Post Title Color on Post Page

• 

  jenmackintosh · Member · Feb 5, 2014 at 1:23 am

  • Copy link
  • Add topic to favorites

  I am able to customize almost everything on my blog except Titles and Navigation color. No matter which color I choose, it’s as if there is another layer of color there already, which affects my color choice. I currently have this font color chosen: #e3fcfc. The navigation bar reflects that color choice exactly, but the Post title fonts look dark green – definitely not the chosen color (#e3fcfc).

  Is there a way to customize the Post title font color and leave the Navigation bar the chosen color (#e3fcfc)? I only want to do this on the individual post page (not the home page), and I only want to change the post title font color, not the navigation bar color.

  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  hfzrhmn · Member · Feb 5, 2014 at 1:29 am

  • Copy link

  You can add ‘!important’ to force your CSS code to work, like so:

  #posts .postitle {
  	color: #e3fcfc !important;
  }

  It’s not recommended for general purposes, but for rare cases like yours, it should be fine.

  ps: #e3fcfc for post title on single post view is pretty unreadable (but I’m sure you already know that).

• 

  jenmackintosh · Member · Feb 5, 2014 at 1:38 am

  • Copy link

  Thanks so much, hfzrhmn! That did it! Totally agree on ef3fcfc being unreadable on the post page – which is why I was hoping for help changing the post title color only – I can leave the nav bar color alone, and I can customize the post title color with the css you provided! Thanks!

• 

  jenmackintosh · Member · Feb 5, 2014 at 1:39 am

  • Copy link

  One more question – my sidebar titles are tied in to the post title color somehow – and they remain the dark green color. Is there a css to fix those, too?

• 

  hfzrhmn · Member · Feb 5, 2014 at 3:00 am

  • Copy link

  Code for sidebar widget titles:

  .widget-area .widgets .widgettitle,
  .widget-area .widgets .widgettitle a {
      color: #187B7B; // Enter your own color here
  }

• 

  jenmackintosh · Member · Feb 5, 2014 at 3:20 am

  • Copy link

  Thank you again! That was exactly what I needed!

• 

  hfzrhmn · Member · Feb 5, 2014 at 5:10 am

  • Copy link

  Yay, you’re welcome!