Return to previous page

Background stretch - by queenb123 - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

queenb123

Participant

October 29, 2015 at 21:45

Hi,

The client is being difficult, would it be possible to make the back stretch to top and bottom as indicated in this screen shot please:

would be great of you could help!

Thanks

Please, contact administrator
for this information.

#96893 Copied Theme version: latest WooCommerce version: latest

4 Answers
Robert Hall

Support staff

October 30, 2015 at 09:47
Hello,

Please use this code in Global Custom CSS.
```
.vc_custom_1446151034005{
    margin: -35px 0px 0px !important;
}
```
Also this section (http://prntscr.com/8wz5zt) you can remove in Home Page via Visual Composer plugin. See screenshot: http://prntscr.com/8wz6ir

Regards,
Robert Hall.
#96952 Copied
Eva Kemp

Support staff

October 30, 2015 at 10:18
Hello,

I’ve added this code in CSS block of VC editor on your home page:
```
.page-heading-slider .wpb_revslider_element {
   margin-bottom: 0px;
}

hr {
   margin-top: 0px;
}
```
Regards,
Eva Kemp.
#96958 Copied
queenb123

Participant

October 30, 2015 at 16:42

Hi I have managed to add it as one big image (banner).

But a couple of things…

1. images does not stretch from side to side on and on the edges in firefox:

2. images does not stretch from side to side on and on the edges, and the pink line at the bottom is not showing in chrome:

3. images does not stretch from side to side on and on the edges, at the top does not touch and the pink line at the bottom is not showing in safari:

if you cant help and it is a headache, just let me know and i will tell the client it is not possible.

Thank you.

#97050 Copied
Eva Kemp

Support staff

October 31, 2015 at 11:30
Hello,

1./3. Try to use the option “Stretch row” http://storage2.static.itmages.com/i/15/1031/h_1446287413_6446168_ab4c4eb998.png .

2. Pink lines weren’t shown because you wrote in Global Custom CSS:
```
hr, .hr.divider {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
  border-color: -moz-use-text-color -moz-use-text-color #df1997;
}
```
” -moz-use-text-color -moz-use-text-color” means that value is active only for Mozilla browser. I’ve deleted it. Please check lines in Chrome now.

Regards,
Eva Kemp.
#97126 Copied
Viewing 5 results - 1 through 5 (of 5 total)