Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 24, 2019 at 9:58 am #1141305
    andyux

    Hey there. I tried within layer slider and out with css, and i cant get text centered after a force a min size on it. So right now i have removed any custom css, only min.mobile font size on layerslider is set to 20px. Size works, but it doesnt stay centered at 800px or less (approx).
    Its like there is padding on the left of the text, look at the screenshot
    Image 2019-09-24 at 11.53.17 AM.png
    How can i force the text to center always no matter what size? I will adjust the size so it fits so not concerned with wrapping etc. Thank you

    id2

    September 25, 2019 at 12:32 pm #1141780
    Victoria

    Hey andyux,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    .ls-wrapper.ls-in-out[data-slide-index="1"]	h3.ls-layer {
		width: 100vw !important;
		text-align: center !important;
		font-size: 18px !important;
	}
	div[data-slide-index="1"] {
		left: 0 !important;
	}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 25, 2019 at 6:47 pm #1141926
    andyux

    Hi Victoria, thank you. Got the text right, but the first image now also is aligned to the left, look at the screenshot. I am guessing its because they are in the same layer. What do you suggest? thanks again, really appreciate it.
    Image 2019-09-25 at 8.45.47 PM.png

    September 26, 2019 at 3:40 pm #1142310
    Victoria

    Hi andyux,

    Well, the Layer Slider is hard to adjust like this. Can you give a class or an id to the image layer or to the image?

    Best regards,
    Victoria

    September 26, 2019 at 3:51 pm #1142319
    andyux

    OK, in the layer slider i gave the image a class “centerimage” as you can see here, thanks!
    Image 2019-09-26 at 5.51.07 PM.png

    September 29, 2019 at 7:47 pm #1143123
    Victoria

    Hi andyux,

    Thank you. Try adding this code:

    
@media only screen and (max-width: 767px) {
    .centerimage.ls-layer {
    	margin-left: 33vw !important;
    }
}

    Best regards,
    Victoria

    September 30, 2019 at 9:21 am #1143248
    andyux

    you are wonderful! thank you.

    September 30, 2019 at 11:49 am #1143320
    Victoria

    Hi andyux,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.