Support » Theme: Preference Lite » H1 titles rendering in wrong color

  • Resolved Melissa C



    I set the CSS for my h1-6 as: #333. About a week ago, it started rendering in red text:

    Can I override this with a child theme? I should have set it up from the start, but was new to the child theme practice.

    I just want the titles to render in the #333 again.

    Thank you!


Viewing 5 replies - 1 through 5 (of 5 total)
  • Jason Adams


    It’s because you have a css definition for .row h1 that’s red, and your h1 is embedded within a div class=”row”. Remember, in CSS the last definition for a style always wins. The easiest thing to do, if it isn’t an issue elsewhere, is change the color defined in .row h1 to your #333 color.

    Hope this helps! 🙂

    Hi Jason,

    Thanks for getting back, I appreciate it. I’m sorry, but still cannot locate where to find, “div class=”row.

    Could you please note the name of the file? I checked the bootstrap.css, and styles.css, and still cannot find the class.

    Moderator stephencottontail


    Looks like you’ve got .row h1 defined on line 24 of your style.css file. Changing the color defined there would fix your issue, but like Jason said, after you make the change, check the rest of your site to make sure it doesn’t change anything you didn’t want to be changed.

    Theme Author Styled Themes


    I’m guessing you are using a custom css file to overwrite styling? Anyway, I would not recommend changing or using the class .row in any modifications unless you absolutely have to. This is a class associated with the responsive structure (Bootstrap) and it has specific classes and attributes needed.

    I looked at your source of the red and this is where I found it:

    .row h1{
    	font-family: 'Fjord One', serif;
    	color: #cb0d0d;
    	margin:10px 10px 5px 10px;
    	text-shadow:0px 1px 0px #fff;

    If you take out the color there, your headings go to #333

    To change the colours of the headings, the theme options have this setting, but I also noticed you are on an older version of PReference Lite. I would recommend updating it…right now it’s 1.7.5 but I just recently uploaded another update (a significant one) that is version 1.8.5 now).

    Thank you so much, Jason! It was my mistake, but this is a great lesson, on my to create a child theme, and not touch original files.

    I sincerely appreciate your quick and expert advice!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘H1 titles rendering in wrong color’ is closed to new replies.