Tagged: , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 29, 2013 at 9:08 pm #167884
    jgoldberg1983

    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

    September 30, 2013 at 7:16 pm #168285
    Ismael

    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

    September 30, 2013 at 8:19 pm #168337
    jgoldberg1983

    http://www.kimberfire.com

    Thanks for taking a look.

    September 30, 2013 at 8:48 pm #168353
    Yigit

    Hi!

    Which headings would you like to be a different color?

    Cheers!
    Yigit

    September 30, 2013 at 9:22 pm #168376
    jgoldberg1983

    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

    September 30, 2013 at 9:31 pm #168382
    Yigit

    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

    September 30, 2013 at 11:44 pm #168446
    jgoldberg1983

    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?

    October 1, 2013 at 6:01 am #168567
    Ismael

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Heading Font Color’ is closed to new replies.