• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 26.07.19, 10:23
  • Opened by: Sylvain Duval
  • Closed by: Marek
  • Closed on: 30.08.19, 12:23
  • Reason: Closed
  • Comment: Glad to help!

Ticket #15204 - Container background repeats

Hello,

I try to configure a background image for this page : https://vitafire.fr/content/11-pieces-detachees I don’t want it to be parallax but I’d like it to be full width.
I can’t find the way to configure the full width without parallax ( if I specified “No” for parallax, it repeats the background image).

Regards

Comments

Marek 26 Jul 2019, 11:40

But as I can see background images are full width now

Sylvain Duval 26 Jul 2019, 12:12

No they are not (see screen print) …

Marek 26 Jul 2019, 12:27

to make an image to be fullwidth you can use the following CSS:

.pts-container-wrap {background-size:cover}

It scales the image as large as possible without stretching the image.

Sylvain Duval 26 Jul 2019, 12:38

Perfect, thanks !
And is there a way to make a parallax image align from top / center so the image display from top and “moves” to show the bottom ?

Marek 26 Jul 2019, 12:57

I can’t find a way to do that