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.
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.
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.
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.
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?)
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.
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
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.
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
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.
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.
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?)
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.