Return to previous page

Left align text in banner with mask element in homepage

This topic has 4 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Rose Tyler

Vivi

Participant

September 2, 2022 at 14:27

Hi,

I want to left align the text in the banners with mask element in homepage (so that the text falls on the empty background area).

I have tried some CSS code, but it doesn’t seem to make the change from center to left, could you please help?

Thanks,
Vivi

Please, contact administrator
for this information.

#333085 Copied Theme version: 8.2 WooCommerce version: 6.6.0

3 Answers

Rose Tyler

Support staff

September 2, 2022 at 15:11

Hello,

Please check the screenshot in the Private Content area, the text is already left aligned. Maybe you can’t see it because of cache, try to clear cache of your browser.

Regards

Please contact administrator
for this information.

#333088 Copied

Vivi

Participant

September 5, 2022 at 12:00

Hi, I face the issue on mobile, not desktop.
Please check screenshot

https://ibb.co/m0SQX1j

#333274 Copied
Rose Tyler

Support staff

September 5, 2022 at 14:26
Hello,

Thanks for the reply.
Add the next code in the Theme Options > Theme custom CSS > Mobile:
```
body .banner .banner-content, body .banner.banner-type-2 .banner-content .banner-subtitle {
    text-align: left !important;
}
```
Also, select px here – https://prnt.sc/j-oosnV1Zcxa , because settings of font-size do not work now.

Regards
#333284 Copied
Tagged: banner with mask element, homepage, left align text, persuasive writing style, woocommerce wordpress themes
Viewing 4 results - 1 through 4 (of 4 total)