Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 16, 2016 at 4:03 am #598741
    slui

    Hi,

    I’m using custom class to change the color of the font of a special heading element subheader. Here is the code I’m using:

    .home_special_heading_top .av-subheading {
    color: #ffffff !important;
    font-weight: 450;
    }

    Interestingly enough, when I change the color to red it works perfectly. However, when I change the color to white it defaults to the body color settings in the Theme settings.

    Any help would be appreciated

    March 16, 2016 at 6:14 am #598782
    Vinay

    Hey slui!

    please use the below CSS in enfold > general styling > quick css

    Remove any related css you have added earlier to change the font color for h1.

    .home_special_heading_top .av-special-heading-tag{
color: #000 !important;
font-weight: 450;
}

    Regards,
    Vinay Kashyap

    March 16, 2016 at 8:24 am #598831
    slui

    Hi,

    I’m trying to change the subheading. I tried to replicated the code you provided above but using the subheading and it didn’t work.

    .av-subheading.home_special_heading_top {
color: #fff !important;
}

.av-subheading_below.home_special_heading_top {
color: #fff !important;
}

    Any further insight into this?

    March 16, 2016 at 8:32 am #598832
    slui

    Hi,

    I’ve come to realize that I need to change the opacity of the subheading and not the color of the font for the subheading.

    I found this CSS that controls the opacity on the subheading but not sure how to integrate into my custom class.

    .av-subheading.av_custom_color

    Let me know.

    sl

    March 16, 2016 at 8:45 am #598836
    Vinay

    Hi!

    The subheading has an inline style padding-bottom:0px;color:#ffffff;font-size:60px; the style is coming from js or php

    inline styles has the highest specificity and cannot be altered using external CSS

    please check the edit options of the subheading in advance layout builder there must be a color option which is set to white.

    If you still have issues please create admin login for us and share in private so we can inspect it :)

    Cheers!
    Vinay Kashyap

    March 16, 2016 at 2:38 pm #598929
    slui

    Hi,

    There are options to make the font white, however the opacity made it difficult to read. There are no options to change the opacity of the subheading.

    I was able to change the subheading style using this code:

    .home_special_heading_top .av-subheading.av_custom_color {
opacity: 1.0 !important;
font-weight: 400;
}

    The first part of course is the custom class and I was able to target the subheading directly.

    sl

    March 16, 2016 at 6:24 pm #599080
    Yigit

    Hi!

    Glad you figured it out!
    Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Unable to change the color of subheading’ is closed to new replies.