• Closed by: Marek
  • Closed on: 01.05.19, 15:51
  • Reason: Closed
  • Comment: Glad to help!

Ticket #14109 - Parallax masked

Hi Marek,

Is it possible to make parallax only on one background? Please look at the attached picture. I’m wondering if it is possible because I’m thinking about three different parallax in each colour box. I can use it only for whole as a page parallax but not for items inside only. Could You please let me know if it is possible and how to make it?

Regards,
Grzegorz

Comments

Marek 29 Mar 2019, 11:15

Hi, Grzegorz.
You have to add background for that box, then add following style to fix it

.item_with_background {background-attachment: fixed}
Grzegorz Janiszewski 29 Mar 2019, 11:26

Thank You very much. This style I have to add in widget settings window or in other place?

Marek 29 Mar 2019, 11:33

you can add it to the Theme Settings → Customer CSS but you have to change class “item_with_background” to the class what you will assign to the widget with background

Grzegorz Janiszewski 29 Mar 2019, 14:02

Thank You very much!!! It works!!!
Last question. How to put white triangle to left top corner of the picture in the middle of the page? Left and right triangles are ok. I checked everything but with no luck :(

Marek 29 Mar 2019, 14:29

You have to put it after the table http://take.ms/dEsZl

Grzegorz Janiszewski 29 Mar 2019, 14:49

no, it is not working :(

Marek 30 Mar 2019, 18:16

Try to add a class and add “position absolute” property, see more details on the internet how to use position:absolute

Grzegorz Janiszewski 01 Apr 2019, 10:30

I think that I’m not so inteligent ;) I’ve added {position: absolute} to item with fixed background but it not works.

Marek 01 Apr 2019, 10:46