entry-title h1 color problem

  • Resolved heinelg

    (@heinelg)


    8 years, 6 months ago

    On https://soy.shenvalleyonline.com/ I’m trying to change the color of #content .page-entry-header h1.entry-title from ##009bc2 to #333 in the Yoko child theme but I can’t make it work. Firebug shows it being overridden by something else but I can’t find what or where that is. Can you please offer a suggestion to correct?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Go to Appearance > Cutomize (or Theme options) and change the link color there, this will affect all links color.

    To make change to only that part you mentioned, just make our selector higher in CSS Specificity. The reason your CSS in child theme can’t override the default is because theme injects custom CSS (from theme option) after main CSS, to override it we need to use selector with more/higher Specificity.

    Use this code 

    body #content .page-entry-header h1.entry-title { color: #333 !important; }

    We add in the body, this is just one in many ways to make sure our selector has more CSS Specificity, also the !important is needed in this case because theme’s default uses it so we have to use it too.

    Thread Starter heinelg

    (@heinelg)

    I used #main #content .page-entry-header h1.entry-title to define the color as the main id was the next previous level and it works fine (as expected).

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘entry-title h1 color problem’ is closed to new replies.