Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 4, 2018 at 4:24 pm #951756
    tmohin

    Hello,

    I imported the 2017 enfold demo theme. In the Advanced Styling section, there are styling parameters for the headings. I changed the default font for all headings to Allerta – a sans-serif font (see https://www.screencast.com/t/pTY5mYFvai). While the text seems to have changed, for some reason the ampersand is staying in a serif font (see https://www.screencast.com/t/1CSFNMZpKfla).

    I have found several other posts suggest maybe it is an app, but after deactivating every app and clearing my cache, the ampersand remained. I also tried posting at least 4 different CSS scripts from other post – none seemed to work.

    Can someone please help me figure out what is going on here?

    Thank you!

    May 4, 2018 at 4:49 pm #951766
    Guenni007

    can you please insert this to your quick css and have look if your troubles are gone:

    .special_amp {
font-family: initial !important;
font-size: inherit !important;
color: inherit !important
}
    May 4, 2018 at 5:39 pm #951789
    Yigit

    Hi,

    Please refer to @Guenni007’s post.

    @Guenni007     Thanks! :)

    Best regards,
    Yigit

    May 4, 2018 at 5:59 pm #951797
    tmohin

    I copied and pasted that into the quick CSS in the general styling tab (see https://www.screencast.com/t/gYtnhao4p), but the ampersand is still not matching the rest of the font.

    May 4, 2018 at 6:55 pm #951811
    Yigit

    Hi,

    Please try following code

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

    and flush cache. If that too does not help, please post WP admin logins here privately so we can look into it.

    Best regards,
    Yigit

    May 4, 2018 at 8:54 pm #951849
    tmohin
    This reply has been marked as private.
    May 4, 2018 at 9:02 pm #951855
    Yigit

    Hi,

    I went Pagely settings and purged all cache and CDN. Please review your website :)

    Best regards,
    Yigit

    May 4, 2018 at 10:03 pm #951910
    tmohin

    That appears to have done the trick! Thank you for your help, Yigit!

    May 6, 2018 at 7:39 am #952247
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 11, 2018 at 6:33 pm #984327
    neverstar

    Ok so what if I switched color themes away from orange (that has the ampersand) and I ACTUALLY WANT THE SPECIAL AMPERSAND?!?!

    LOL, this design detail will be awesome for this client

    please help

    A

    July 11, 2018 at 7:50 pm #984345
    Yigit

    Hi,


    @neverstar     Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your element where you have your ampersand would not like to style and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

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

    If that does not help, please feel free to start a new thread under Enfold sub forum and post a screenshot so we can make sure we are on the same page :)
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

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