How to change text width in the theme slideshow?

Store Design
1

Hello,

I am having a bit of a problem with my company’s site. Specifically, the text width in the slideshow is too wide and we would like to make it shorter, however, I don’t have the coding expertise to be able to track down the solution in the theme code. Can anyone help?

If it helps, the store is located at https://www.gkoplus.com/

2

@GKOplus ,

.animation-contents {
    font-size: 32px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

Hi @GKOplus ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
@media (min-width: 720px) {
.slideshow-slide-content.text-align-left {
    padding-right: 45% !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
4

@AvadaCommerce Thank you, that did the trick! I had to fiddle with the padding values a little bit but that did exactly what was required. Thanks again!