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, 6 months ago ago by Olga Barlow

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

Rose Tyler

Support staff

May 21, 2020 at 15:06

Hello,

Provide URL and temporary wp-admin access.

Regards

#238252 Copied

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
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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Bakery Store – WordPress WooCommerce Theme

lazy-placeholder

Engineer Store – WordPress WooCommerce Theme

lazy-placeholder

Pet Shop – WordPress WooCommerce Theme

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

lazy-placeholder

Concert Store – WordPress WooCommerce Theme

lazy-placeholder

Electronic Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Delivery – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Marseille04 – 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.