How to make text over image fully responsible?

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

  • Avatar: kmc
    kmc
    Participant
    February 8, 2025 at 08:57

    Hi there,

    Please see attached webpage, I have many products where I want to make the description with full image as background and text overlay, however, I cannot get the responsive correct.

    1) when I make the image as background, it won’t dispaly the full background image size (with simple setting)

    2) the position of the text and propotion will not scale and be fully responsible when I make the brower larger or smaller, there is always some changes. I want to make the text always stays at the same postion relative to the image and the font size also scale together with the image when we change the browser window size or view n mobile, Please help to check and advise.

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 9, 2025 at 11:21

    Hello,

    Thank you for choosing XStore as your WooCommerce WordPress theme.

    We kindly ask you to review the following article: https://elementor.com/help/mobile-editing/ Additionally, you can find various tutorial videos on Elementor’s official YouTube channel that may assist you in achieving your desired outcome.

    For further assistance, we also recommend reaching out to Elementor’s support team via the following link: https://wordpress.org/support/plugin/elementor/

    Please note that we are redirecting you to these resources because your inquiry is not directly related to our theme. The result you wish to achieve depends entirely on the functionality of the Elementor plugin and the settings you configure within it.

    Warm Regards,
    The 8Theme Team

  • Viewing 2 results - 1 through 2 (of 2 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.