-
Posts
-
I’ve read the threads on the layer slider issues with the preview layout being different than than the live version on the site. I have ran into this issue, and one thing I’ve noticed is that the text is much larger in the live slide than the preview pane.
I think the sliders css for the “H1 – H6” tags are getting ignored.
In other words, the css in the preview pane seems to have the h1 font size set to a certain size, but then when you checkout the slider on the live site – the h1 is picking up it’s font size either from a default for an h1 tag, or the css for the h1 tags in the theme itself. Does that make sense?
The problem is – I dont’ know how to fix it.
I think I found a “simple” solution to the preview looking different than the final rendering problem with layerslider. Hopefully, there can be a coded solution as some people may not know how to do this.
When you using a “text” layer, ALWAYS select “paragraph” – do NOT select “h1” (or any of the other “h” tags. Wrap your text in a <span> tag and use inline css to style your text.
When I did this – the text lined up pixel for pixel in the live version (as compared to the previewed slideshow).
Also – just to be clear – if you are using a “boxed” version of this theme, the website is 1130 wide – NOT the usual 960px. Set your slider width to 1130 and the height to whatever you want. I would guess (but I’m not using it so I’m not sure) that if you are doing a full width version – you would want to set your inner “invisible” container to 1130….. but don’t quote me on that.
For you non coders – look up inline css for more advanced stuff, but for the most part I’m guessing you will only want to change the color and the size of the text. Here is an example of the code you could use to make the font big and yellow.
<span style=”color:yellow;font-size:34px”>Is a WHOLE LIE</span>
- The topic ‘Layer Slider preview vs live differences – problem found? Possible Solution.’ is closed to new replies.