Hi,

Thanks for the update. I couldn’t see any problems on your mobile menu, could you post a screenshot of it please? Or maybe I’m misunderstanding you, do you want the Roboto font for the sub menu items?

You can remove the styling from the special amp by adding this CSS:

.special_amp {
    font-family: inherit;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
}

Best regards,
Rikard

Hi Keith,

Please try this CSS as well for the ampersand:

.special_amp {
    font-family: inherit;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
}

Best regards,
Rikard

Hi,

Thanks for the clarification. Please try this in Quick CSS:

.special_amp {
    font-style: normal;
}

Best regards,
Rikard

Hey,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

.special_amp {
    font-family: sans-serif;
    font-size: inherit!important;
    font-style: inherit;
    font-weight: lighter!important;
    color: inherit!important;
}

Best regards,
Yigit

Hey,

Please add following code to Quick CSS in Enfold theme options > General Styling tab

.special_amp {
    font-family: sans-serif;
    font-size: inherit!important;
    font-style: inherit;
    font-weight: lighter!important;
    color: inherit!important;
}

Cheers!
Yigit

Hi,

Thank you for the update.

Did you add this css code?

.footer_color a:hover, .footer_color h1 a:hover, .footer_color h2 a:hover, .footer_color h3 a:hover, .footer_color h4 a:hover, .footer_color h5 a:hover, .footer_color h6 a:hover, .footer_color .template-search a.news-content:hover, .footer_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #333333;
}

.footer_color a, .footer_color .widget_first, .footer_color strong, .footer_color b, .footer_color b a, .footer_color strong a, .footer_color #js_sort_items a:hover, .footer_color #js_sort_items a.active_sort, .footer_color .av-sort-by-term a.active_sort, .footer_color .special_amp, .footer_color .taglist a.activeFilter, .footer_color #commentform .required, #top .footer_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .footer_color .blog-categories a, .html_elegant-blog #top .footer_color .blog-categories a:hover {
    color: #aaaaaa;
}

Please try to reconfigure the General Styling > Footer style, then toggle the Performance > File Compression settings.

Best regards,
Ismael

Hi jillinnemann,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.special_amp {
    font-size: 1em;
    line-height: inherit;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey rhae,

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

.special_amp {
    font-family: inherit;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
}

Best regards,
Rikard

Hi,

Danke fur das update.

Du konnen den folgenden CSS code verwenden um das Farbe des Symbol zu blau ändern.

.main_color .special_amp {
    color: gray;
}

Lassen Sie uns wissen, ob es hilft.

Best regards,
Ismael

Hey danielfangli,

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

span.special_amp {
    color:inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
}

Best regards,
Rikard

Hi,

Add this to quick css:

.special_amp{
font-family:Arial!important;
}

Best regards,
Jordan Shannon

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

Hi,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.special_amp {
font-family: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit !important;
}

Then clear your browser cache and check. If this doesn’t work for your please try adding !important; to each line of code like the last line.

Best regards,
Mike

Hi Courtney,

Please use this code instead:

#top .avia-builder-el-4 h3 .special_amp,
#top.page-id-11855 .custom-color-heading .special_amp {
    color: #a68c78;
}

Best regards,
Victoria

Hey Courtney,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#top .avia-builder-el-4 h3 .special_amp {
    color: #a68c78;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi hunter_ncmed,

I can see the mistake in this code already:

.special_amp { color: i#54f442; font-family: Nobile; font-size: 24; }

Please try it as

.special_amp { color: #54f442; font-family: Nobile; font-size: 24px; }

Best regards,
Victoria

Hey Carolin,

Thank you for using Enfold.

There is an empty paragraph tag in the special heading element, which increases the overall height of the section. This is the actual markup of the element.

<h4 class="av-special-heading-tag " itemprop="headline"><span class="special_amp">“</span>I can’t believe how lucky we are to have a carnival come to our neighbourhood park – nowhere else in Vancouver can say the same!<span class="special_amp">”</span>
<i>
<p style="font-size:20px">J. Sears</p>

</i><i></i></h4>

Please remove the extra spaces at the bottom of special element content.

Best regards,
Ismael

Hi Oliver,

Sorry for the late reply. Your CSS is applying on my end, you might want to extend it using this though:

.special_amp {
    font-family: "din-2" !important;
    font-style: normal;
    font-size: inherit;
}

Best regards,
Rikard

Hi,

Add this to quick css:

.special_amp{
 font-family:"DIN-2" !important;
}

Best regards,
Jordan Shannon

Hi Kinnear,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.special_amp {
    font-family:  inherit;
     font-style: normal;
    font-size: inherit;
    font-weight: inherit;
}

If you need further assistance please let us know.

Best regards,
Victoria