Return to previous page

Stretching the content - by Fabio - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 4 years, 7 months ago ago by Olga Barlow

  • Avatar: fabio_vito
    Fabio
    Participant
    May 21, 2020 at 12:43

    Hello,

    We would like to stretch the image to the full width of the browser. Currently it has some padding. How can we remove that? The element is a single image element in Page Builder.

    Regards
    Fabio

    Please, contact administrator
    for this information.
    #238221 Copied Theme version: 4.3
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 21, 2020 at 15:06

    Hello,

    Provide URL and temporary wp-admin access.

    Regards

    #238252 Copied
    Avatar: fabio_vito
    Fabio
    Participant
    May 21, 2020 at 15:31

    Dear Rose,

    Please find it attached.

    Please let me know the changes that you will implement because I would need to copy the same code on my other staging and live website.

    Thanks.

    Fabio.

    Please contact administrator
    for this information.
    #238256 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 21, 2020 at 15:43

    Hello,

    1) Add the following custom to Theme Options > Custom CSS to remove the top space

    .home .page-content {
    padding-top: 0;
}
.home .main-nav {
    margin-bottom: 0;
}

    2) To make image full width I would recommend you add the image to row background in the row settings http://prntscr.com/sl51oc + choose cover for the bg image in the row setting + stretch rowhttp://prntscr.com/sl5116 + some padding for the row (depending on height you want to have) and remove Single image. Because the single image element can’t be stretched to the full width of the screen.

    Regards

    #238257 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme

See All Templates

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