Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 26, 2019 at 10:15 am #1122118
    Dave

    Hi
    What is the fix to make the ‘Special Heading’ (from Content Elements) so the ‘Sub Title’ text is the same colour as the ‘Title’ text.
    As the subtile is always washed out / faded.. of the colour selected for the Title
    It’s very frustrating that is fades the colour when you select a specific colour not a dull version of the colour.

    Thanks in advance for your help
    Cheers Dave

    July 27, 2019 at 6:21 am #1122246
    Rikard

    Hey Dave,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-subheading p {
  color:#000 !important;
}

    Best regards,
    Rikard

    July 28, 2019 at 6:06 am #1122475
    Dave

    Thanks Rikard
    How do we make the Sub Title colour always the same as the Tile colour that we choose.
    In some places I want orange, other places white and other places a black title and sub titles.

    So what do we do to have the colour we selected for the Title Colour to be same for Title and Sub Title. As the sub title is a pale washed out version of the chosen colour.

    Also in the Special Heading… how do we make the fancy old style ‘&’ symbol the same font as we are using across the rest of the site.

    Thanks

    July 30, 2019 at 12:34 am #1122983
    Ismael

    Hi,

    The color of the heading and the sub heading in the Special Heading element should be exactly the same because they both inherit the inline style of the parent container.

    This is an actual markup of a special heading.

    
<div class="av-special-heading av-special-heading-h3 custom-color-heading blockquote modern-quote avia-builder-el-0  el_before_av_heading  avia-builder-el-first" style="padding-bottom:10px; color:#7bb0e7;">
<h3 class="av-special-heading-tag " itemprop="headline">Hello</h3>
<div class="av-subheading av-subheading_below av_custom_color " style="font-size:15px;">

Test Test

</div>
<div class="special-heading-border">
<div class="special-heading-inner-border" style="border-color:#7bb0e7"></div>
</div>
</div>

    And this is the css that sets the heading and the sub heading to inherit the color #7bb0e7 of the parent container as shown in the markup above.

    #top #wrap_all .custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp {
    color: inherit;
}

    Where can we see the issue? Please provide a link to a page with a special heading element.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.