Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #167884

    Hi,

    I couldn’t find where to change the font color for headings so I searched on this site and found the following code to put into quick CSS:

    .main_color h1, .main_color h2, .main_color h3 { color: #333333!important; }

    .alternate_color h1, .alternate_color h2, .alternate_color h3 { color:#333333!important; }

    This worked but I am wondering where the right place to change the heading fonts would have been? Weirdly enough when I change the main content background color in the stylings dashboard to white, that changes the heading colour to black. Why would this be happening?

    Thanks in advance.

    Best,
    Jonathan

    #168285

    Hello jgoldberg1983!

    Please remove the !important. There are lots of heading or title elements on the theme? Which title are you trying to change specifically? A link to your website will help.

    Regards,
    Ismael

    #168337

    http://www.kimberfire.com

    Thanks for taking a look.

    #168353

    Hi!

    Which headings would you like to be a different color?

    Cheers!
    Yigit

    #168376

    Hi Yigit,

    All the H1′s, “A Brilliant Way to Buy a Diamond”, etc. I can change it with the above code in quick css but am wondering why without that code, the only way I can change it is with the “background” colour in the style section, and even then it doesn’t show the right colour?

    Thanks,
    Jonathan

    #168382

    Hi Jonathan!

    In your code !important is added, it forces elements to be #333 even if you change them elsewhere.

    .main_color h1 { color: #333333; }

    This is color of “A Brilliant Way to Buy a Diamond” section.

    Regards,
    Yigit

    #168446

    Thanks Yigit, I only added this code as I couldn’t find where to change these colours in the dashboard. Is there a more straightforward way to change them? The only area that even changed them was under “background” colour in the dashboard for some reason. Is this a known bug?

    #168567

    Hi!

    You need to use css to change certain elements on the theme like Title, Icons etc. The only way to do it is via Quick CSS or your custom.css. You can change the h1 text using this:

    #top .main_color .avia_textblock h1 strong {
    color: #333333;
    }

    Cheers!
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Heading Font Color’ is closed to new replies.