Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #253644

    I am using custom CSS to style fonts used in a Layerslider and to hide the text when viewed on mobiles. Since updating WP and the Enfold theme the text is not longer responding to this custom CSS:
    Site: http://www.bhutantravelbureau.com (slider on homepage)

    #top .avia-layerslider .ls-wp-container .ls-layer h1{
    font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif!important;
    font-size: 38px !important;
    font-weight: bold !important;
    letter-spacing: -2px;
    line-height:32px;

    }
    #top .avia-layerslider .ls-wp-container .ls-layer h2{
    font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif!important;
    font-size: 26px !important;
    letter-spacing: -1px;
    font-weight: 400 !important;
    line-height:24px;}

    @media only screen and (max-width: 768px) {
    #top .avia-layerslider .ls-wp-container .ls-layer h1{ display: none!important; }
    #top .avia-layerslider .ls-wp-container .ls-layer h2{ display: none!important; }

    Could you please advise if there has been a change that would be causing this? Thankyou.

    #254096

    Hey davidrk!

    Yes, LayerSlider was updated and doesn’t use the same containers. So the ls-wp-container and ls-layer containers both don’t seem to be in use anymore. You could probably just remove them and have it target them still.

    Cheers!
    Devin

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.