Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 25, 2019 at 7:31 pm #1121961
    FayeMcC

    Hi

    I want to upgrade to 4.5.1 however i need to find a way to make the font in the full screen slider caption italic – as it appears now.

    What can i add to quick css?

    Currently when i activate 4.5.1 the font changes (i think my old web guy made some changes regarding this but didn’t use a child theme or do it in quick css :-(

    I can see how to add the shadow in the main menu and on the caption.

    Many thanks

    Faye

    July 26, 2019 at 3:14 am #1122026
    Mike

    Hey FayeMcC,
    This is the css for your slideshow caption:

    h2 {
    font-family: merriweather,serif!important;
    font-weight: 300!important;
    font-style: italic!important;
    text-shadow: 0 1px 6px rgba(0,0,0,.7)!important;
}

    You shoud be able to add this to your Quick CSS for the same effect.

    Best regards,
    Mike

    July 26, 2019 at 10:42 am #1122126
    FayeMcC

    Thanks Mike

    I have added this and sme code to add shadow behind the main menu text, but it is having no effect…have purged cache. I have kept the latest Enfold version active, so you can see

    h2 {
    font-family: merriweather,serif!important;
    font-weight: 300!important;
    font-style: italic!important;
    text-shadow: 0px 1px 6px rgba(0,0,0,.7)!important;
    }
    .menu-item a {
    text-shadow: 0px 1px 3px rgba(0,0,0,.5)!important;
    }

    July 26, 2019 at 1:13 pm #1122152
    FayeMcC

    Hi Mike

    I seem to have got it working now

    How can i add the same shadow effect to the subtitle?

    Also Is there a way for the shadow to only be applied to the slider captions…not all other H2 titles?

    Many thanks

    Faye

    July 27, 2019 at 9:32 pm #1122438
    Mike

    Hi,
    I see that your menu text shadow is working, to only apply the css to the slider title and sub-title, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field instead of the css above:

    h2.avia-caption-title,.avia-caption-content {
font-family: merriweather,serif!important;
font-weight: 300!important;
font-style: italic!important;
text-shadow: 0px 1px 6px rgba(0,0,0,.7)!important;
}

    Best regards,
    Mike

    August 2, 2019 at 9:12 am #1124111
    FayeMcC

    Thanks Mike – this worked!

    Faye

    August 2, 2019 at 12:54 pm #1124153
    Rikard

    Hi,

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

    Best regards,
    Rikard

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