Make top Parallax widget fixed image or slider

Shapely
1

Hello Movin,

Referance topic: https://colorlibsupport.com/t/title-padding/#post-66335

How do i make the top parallax widget on homepage a fixed image?
How do i make the top parallax widget on homepage slider with several images?

Thanks!

Regards

2

Hi @shakeel,

Thank you for your another questions.

How do i make the top parallax widget on homepage a fixed image?

Do you want to make the section as shown in the attached screenshot fixed on your site http://www.miltonbaby.se/ or anything else?

Please explain a bit more in detail.

How do i make the top parallax widget on homepage slider with several images?

You have to develop custom code or try achieving it using the widgets provided by following plugins.

Best Regards,
Movin

3

Hi Movin,

hank you for your another questions.

How do i make the top parallax widget on homepage a fixed image?
Do you want to make the section as shown in the attached screenshot fixed on your site http://www.miltonbaby.se/ or anything else?

Please explain a bit more in detail.

I hade the video widget at the top that moment you took the screen shot :slight_smile:
What i mean is if it is possible to have “parralax full mode” without the scrolling?

Regards

4

What do you mean “parralax full mode” without the scrolling?

5
What do you mean “parralax full mode” without the scrolling?

I have two parallax widgets with “background full” as Image Position, where the image is fixed and the text and page is “scrolling” over it. I would like to keep the full image size with text over it, but i want the image to scroll with the page and not be fixed underneath it. Does it make any sense? hehe

6

I understood what you meant but now when i try to access your site it displays the message “Denna sida är inte tillgänglig just nu. Du är välkommen åter om en stund.”

Could you please make sure your site is accessible so that i can help you?

7

Hi,

I have made the website accessible now.

Regards

8

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

div#shapely_home_parallax-3 {
    background: #fff;
    border-radius: 0 !important;
}
div#shapely_home_parallax-3 .cover.fullscreen {
    background: url(http://www.miltonbaby.se/wp-content/uploads/2016/08/Skärmavbild-2016-08-05-kl.-05.24.52.png);
    border-radius: 10%;
    overflow: hidden;
}
9

Hi Movin,

I tried the code you suggested and it worked the way i wanted.
Though, when i scroll up/down a thin line appears between that section and the one above it. And i think i see the same picture underneath the page, through this thin line that appears.

I have made it available for you to see on my website.
url: www.miltonbaby.se

Thanks for your continuous support on this topic.

Regards

10
Though, when i scroll up/down a thin line appears between that section and the one above it. And i think i see the same picture underneath the page, through this thin line that appears.

It’s the known issue as reported in the following page which will be fixed in the future version of theme.

11

Oh i see.
Thank you anyways for your persistent support on this matter. Much appreciated!

Regards

12

You are most welcome here :slight_smile: