Align text on LayerSlider to the left of the page content - Support

Tagged: align, content, header, LayerSlider, text

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 17, 2014 at 5:29 pm #225001

Dennis Covent
Participant

Hi,

Thanks for the great theme but I’m stuck on something important.
See the example: http://www.lenico.me/
I want the “We mobilize your business” to be aligned left to the logo and content of the website.
At all times, on every screen size.

I don’t find how I can do this. Now I set ‘30%’ on the ‘Left’ inputfield of the text in LayerSlider.

Thanks in advance.

Dennis

February 17, 2014 at 11:19 pm #225162
Yigit
Keymaster
Hey Dennis!

Please add following code to Quick CSS in Enfold theme options under Styling tab
```
p.ls-s-1 { margin-left: 30px!important; float: left!important; }
```
LayerSlider is a fullwidth element and rest of the site is in a container, that is why it would require so many lines of custom CSS code to always keep the text aligned with logo on all screen sizes which we cannot provide.

Regards,
Yigit
April 18, 2014 at 7:16 pm #253262
mhafeezmm
Participant
Hi,

I don’t know about ALL screen size, but for laptop and wide sized monitor which can display 1140px and above, I use the Layers Container settings under Slider settings > Layout.

This will create an invisible inner container with the given dimension in pixels to hold and center your layers – a direct quote from the help/tips section.

Example steps:
1) Set the Layers Container to 1140 or smaller
2) Set the left position of text/image layer to 55px in slides layer setting
3) Save

Now you can see that the layer will always stay at the designated position because there’s simply a hidden container holding it.

Good luck!
- This reply was modified 10 years ago by mhafeezmm.
April 21, 2014 at 11:51 pm #254052

Yigit
Keymaster

Hi!

Thank you for sharing! :)

Regards,
Yigit
Author

Posts