Return to previous page

Promo text alignment - by Phillip - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 3 years, 9 months ago ago by Rose Tyler

Phillip

Participant

February 14, 2021 at 21:30

Hello!

I wanted to know if there was a way to change the text alignment for the promo text area. I’m trying to use it at the top left side of my page but the text is always “centered” and I want it to be on the “left” side.

Any way of doing this?

#274176 Copied Theme version: 7.2.4

6 Answers

Muhammad Zaki

Support staff

February 14, 2021 at 22:23

Hello!

Thanks for getting in touch with us. My name is Muhammad and I will be your support rep.

Can you please share the wp-admin details and site URL so I can check the promo text and help you set it left aligned?

Thank you!

#274183 Copied

Phillip

Participant

February 14, 2021 at 22:34

Sure thing. I feel as if they should have the option for alignment for this module.

Please contact administrator
for this information.

#274184 Copied

Muhammad Zaki

Support staff

February 14, 2021 at 22:39

Hello!

Please check now I have aligned it to the left, check this video to learn how I have done it:
https://share.getcloudapp.com/P8ukkzJY

Please let me know if you need any further help with this.

Thank you!

#274186 Copied

Phillip

Participant

February 14, 2021 at 23:33

That only moved the module to the left.

If the text is short enough, it still gets centered within the module.

If the text is too long, it gets cut off.

I want to get the text aligned to the left within the module so no matter how short or long the text gets, it will not be centered or cut off.

Short text

Long text

#274190 Copied

Phillip

Participant

February 15, 2021 at 00:31

Nvm, I just changed the Theme CSS to do this.

#274194 Copied
Rose Tyler

Support staff

February 15, 2021 at 11:53
Hello,

Yes, there are no settings for this, and custom CSS code can be used, for example:
```
.header-promo-text .swiper-slide {
    justify-content: left;
}
```
Add your custom code in Theme Options > Theme custom CSS. Do not edit style.css file of the parent theme.

Regards
#274283 Copied
Viewing 7 results - 1 through 7 (of 7 total)