-
AuthorPosts
-
August 5, 2015 at 11:51 am #483237
Hi, I’m trying to configure a layerslider and therefore I’m modifying the standard Enfold slide ([layerslider id=”1″] ).
I couldn’t find a similar post in this forum, so I have a few questions:Since the max-with of the container in my theme is set to 1310px, I did the same in Slider Setings>Layout > Layers container. If I understand it correctly, this will create a container so it will fit in the container set in my theme. However it doesn’t do the job, my mistake no doubt… Since I’m using a logo in the slide it’s neccesary that it will display on the top left corner of the container.
When I run the preview in the Layerslider, I see the font, colors etc. as set in the slides styles. But when I insert the shortcode in a page I don’t see the styling anymore.
Last question: how can I use awesome fonts in the HTML/Video/Audio textbox .
Thanks in advance.
Steven
August 6, 2015 at 7:20 am #483691Hey steviger,
Not sure why you have to use shortcode, can you try using the Layer Slider element instead? Send us an admin login if you should still be having problems, you can post the details in the Private Content section of your reply.
Thanks,
RikardAugust 6, 2015 at 11:23 am #483785Hi Rikard,
I tried both options but no luck and I did set the Layers Container to “1310” (without the px). It would be great if you could have a look at it.
Please see your login credentials in the private content.Cheers,
StevenAugust 6, 2015 at 7:41 pm #484115Hi!
I just changed position of your text layers to -100px for each one (Layout&Position, left value) and now it seems fine to me. I don’t think it’s necessary to put any value into “Layers container” though.
Best regards,
AndyAugust 7, 2015 at 11:18 am #484429Hi Andy,
Thanks for the support but that wasn’t exactly what I meant. The idea is that the content of the layerslider (logo, text) have to stay within the green div generated bij layerslider. And when resizing the window they will resize too. Please find the screendump I made to explain here
Regards,
Steven
August 9, 2015 at 11:22 pm #484976Hi!
if you want to move your items in your layer slider then use this for your logo:
img.ls-yourlogo { margin-left: 50px !important; }
and for the other pink text use this to control it:
.ls-l { margin-left: -130px !importan; }
You would need to use media queries to control it on different screen sizes.
Cheers!
AndyAugust 10, 2015 at 10:53 am #485147Hi Andy,
Thanks again. So I guess my assumption that the Layers container width set to 1310 px, would create a div that stays in between the container div width as set in the theme is wrong? As mentioned by Devin in this post it should be possible right? I’ve been struggling with LayerSlider for a few days now and I cannot seem to get it working like I would as pointed out in the screendump. Responsiveness of the slides is gone too…
Help is much appriciated guys.
Regards,
Steven
- This reply was modified 9 years, 5 months ago by steviger.
August 21, 2015 at 11:51 am #491272Hey!
I don’t think it will work as you guessed with the container div width for layer slider.
You can use media queries to adjust behavior of your layer slider for different screen sizes.Cheers!
AndySeptember 30, 2015 at 2:06 pm #511481Sorry for the late reply. Will do!
Thanks
October 1, 2015 at 5:36 am #511933 -
AuthorPosts
- You must be logged in to reply to this topic.