Left align text in banner with mask element in homepage

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

  • Avatar: Vivi
    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.
    3 Answers
    Avatar: Rose Tyler
    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.
    Avatar: Vivi
    Vivi
    Participant
    September 5, 2022 at 12:00

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

    https://ibb.co/m0SQX1j

    Avatar: Rose Tyler
    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

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.