OUR NEXT GREAT ADVENTURE BEGINS
LAYERSLIDER IS LEAVING ENVATO MARKET

See the full announcement here

Better services, more frequent updates, special deals, great new features and downloadable extras are coming. The first 500 customers who use the promo code EARLYBIRD will receive 30% OFF of the original price. Grab a license while this offer lasts!

Okay
  Public Ticket #2199675
Text previews fine but appears tiny on live page
Closed

Comments

  • cmkridler started the conversation

    When I create the slides and preview them, the text headers/layers look fine, with big, readable type. When the header is live on the site, the type is tiny and unreadable. I'm attaching examples.  

    Note: Whether I format the text as H1/H2 or just plain paragraph text, I get the same result. I've tried this on Google Chrome and Safari on my Mac, and it looks the same. 

    Please tell me how to get the type to display properly. If this involves custom code somewhere, please be specific on what I need to do. Thank you.

    ~ Chris

    Attached files:  LIVE-SLIDE-text-tiny-not-working.jpg
      PREVIEW-looksfine.jpg

  •  477
    Attila replied

    Hello Chris,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    There is likely something wrong with the availability of the fonts, or something is interfering with the slider's default styling on the front-end, thus the error. Could you please show us your site or a test page with the slider where we can check on this further ? Thank you.

    Best Regards,
    Attila | Kreatura Support Team

  • cmkridler replied

    Attila,

    I put the address in the form, I believe, but here's a test page: http://www.finndesigninc.com/home-2/

    Thanks for any help you can give.

    Chris

  •  477
    Attila replied

    Thank you. The URL field was empty, there might have been a temporal issue with it.
    But never mind, my colleagues and I will look into this on your site to see what we can find, and get back to you shortly.

    Best Regards,
    Attila | Kreatura Support Team

  •  477
    Attila replied

    Thank you for your patience.

    We've looked into this further and the problem is that your theme applies a lot of custom styling with its CSS. For example on the headings, on h2 margings, etc. And these all get !important, so they overwrite the slider's default settings.

    Please contact your theme author with this case, as to why they are overwriting all styles on the site. And ask how you can disable this behavior, or exclude LayerSlider from it, so it does not interfere with the sliders.

    In the meantime you could also try to use a DIV / HTML layer. It can also display text, but your theme will likely not interfere with it, as it's not a text layer. But utlimately, it is recommended to get this case sorted on theme's part.

    Best Regards,
    Attila | Kreatura Support Team

  • cmkridler replied

    That is not good news. I see the layer settings include a custom CSS box. Would putting code in this box solve the problem?  (And if so, what would it be?)

  •  477
    Attila replied

    Unfortunately, that will not do it. The problem is that the existing slider styles/CSS/settings are getting overwritten by your theme. It does not matter what you enter there as long as the theme is interfering.

    Best Regards,
    Attila | Kreatura Support Team