Display slider text on half the slider - Sydney theme

Hi

Great theme! Loving it more and more each day!

I’m trying to change the text positioning on the slider section.
I need to have the left half of the slider display the image and right half of the slider to display the text.
I’ve tried the “text-align” css style but it still allows the text to flow over the image. I need the text to be contained to one half of the slider and the image on the other half of the slider.

Is there a way to contain the text to only 50% of the slider?
Or, is there perhaps another way to achieve this?

thanks

Hello there,

Add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


.slide-inner {
  text-align: left;
  margin-left: 50%;
  max-width: 50%;
}

.text-slider .maintitle:after {
  left: 0;
  margin-left: 0;
}  

If you want to apply this on larger screen, use this:


@media only screen and (min-width:1024px) {
  
  .slide-inner {
    text-align: left;
    margin-left: 50%;
    max-width: 50%;
  }

  .text-slider .maintitle:after {
    left: 0;
    margin-left: 0;
  }
  
}

Regards,
Kharis

Hi Kharis

Thanks for your quick reply.

It worked great!

Thank you…!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis