-
Posts
-
Hi:
I am using the Layerslider for the first time in an Enfold Website – I have one slider, with first slide prepared and it looks great, but one thing I keep trying to change, although it changes in the backend, will not change on the front-end of the site. It’s one layer of text and I’m trying to change the line-height because it appears all squished together. I am able to change it in the backend of layerslider and the change appears there, just the way I want it, but on the front-end it never changes. The strange thing is that I seem to be able to change anything else except that. I have cleared my cache, no cigar.
Has this ever come up before?
My site has a coming soon page up, so you’d have to log in to look. It’s the layer of small text that says “From training your way to taking classes,…. GOALS!”
Hey Eleina_Shinn,
Thank you for the inquiry.
Looks like every word in the paragraph is wrap in its own div tag. Was that intentional?
<div class="word " style="display: inline-block; position: relative; transform: translate3d(0px, 0px, 0px); opacity: 1; transform-origin: 0% 100% 0px;">From</div>You can add add a space or margin below the div tag to emulate the line-height property.
.word { margin: 0 0 6px 0; }Best regards,
IsmaelHi Ismael
Thank you, I don’t know how those div tags got in there, but it must have something to do with the transitions becauseI created a new layer, and it looked great,, took on my line spacing perfectly, until I added the transitions, then it was all squished up again. But, I used your css and that worked great, just wish I knew why; that was happening. thank you!
- The topic ‘Layerslider Line-height change not taking effect on front-end’ is closed to new replies.