Forum Replies Created
-
Posts
-
Yes, but this was achieved though media queries & color section rather than with the Layer Slider directly (note the cropping / zooming of the image in between jumps – not ideal, but manageable in this case).
Is there any way of achieving this using only the layer slider? (The problem seems to be to marry up the full-width background image with the container-sized text section – both resize at different rates if automated with the layer slider.)
Something very strange happens when I put 9999 for the Responsive Under option (see screenshot). I have managed some sort of fix here (hashed together out of colour-sections, images and text) that simulates what I am after in the Layer Slider – much more work than the Layer Slider though! Do you know what the issue is? If I don’t put “9999” in Responsive Under section, the slider behaves as I would wish above screen width 1140px. As soon as media queries kick in, it goes a bit strange …
The layers container option isn’t responsive in relation to the main page container. It is not aligned.
My site in (very early) progress is here. But this is what I would like to achieve with the alignment in terms of the text. If possible though, I would like it to be actual **** text rather than an image, and to exist within the slider itself, so that it aligns with the logo on the left, and the image stretches full screen.
****The text would really have to automatically resize with window size, or resize using CSS such as
h1 { font-size: 5.9vw;} h2 { font-size: 3.0vh;} p { font-size: 2vmin;}
Can’t get that to work I’m afraid:(
…So just to clarify, it is possible for a transparent color section with some text in it to float on top of a layer slider?
Thanks – that’s better! :)
I suppose I’m being a bit too optimistic to go for putting a full-width div in a z-index below the main transparent boxed layout?!? I have realised that a background image won’t work as it won’t scroll up with the page! Incidentally, what is the default ID for a background image – looking for it in firebug for ages:/
Thanks again for your fix btw!
Many thanks for responding, but I will just change the icons for images I think. My main problem is this one!
I’m sorry, but I don’t know how to delete / close posts – could you please tell me how I can close all of my open questions other than the one in the link provided?
Yes, Layers Container: 300 works, but it is not responsive. I have found the class changes in the html output, but any attempt to override it doesn’t work. I am using
.ls-gpuhack .ls-l {left: 300px !important;}but this doesn’t output the desired results in the final generated html. What am I doing wrong?
Yes, Layers Container: 300 works, but it is not responsive. I have found the class changes in the html output, but any attempt to override it doesn’t work. I am using
.ls-gpuhack .ls-l {left: 300px !important;}but this doesn’t output the desired results in the final generated html. What am I doing wrong?
I am trying to apply CSS to the entire slider. The class is
ls-wp-container ls-container ls-fullwidth, and I have tried, for example
.ls-wp-container ls-container ls-fullwidth {width:80%}
but am having no luck.Thanks – I have changed it now, but the layer is still not responsive – if I align left, the text will not align with the rest of the content / header.
Solved with
top# .element1 {display:inline-block;margin-right:10px;} top# .element2 {display:inline-block;}I have tried to work around it by coloring an icon and adding text & trying to put them both on same line with
#element1 {display:inline-block;margin-right:10px;} #element2 {display:inline-block;}but this isn’t working.
Screenshots below.
Top two are fine – screen is wide enough for text in slider to be readable & fairly well proportioned. The third however is mobile size screen & text is out of proportion. The fourth is how I would like the Slider to behave below a certain screen width:
