parallax

john13
71 Posts
john13 posted this 11 November 2019
Ask a Question

I have created a block with a colour background and added text.
When I select Parallax checkbox it switches to image background?
How do i create a block with colour background that I can create my text content and use it in a parallax view?

I have created a block with a colour background and added text. When I select Parallax checkbox it switches to image background? How do i create a block with colour background that I can create my text content and use it in a parallax view?
Vote to pay developers attention to this features or issue.
11 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 12 November 2019

Hi John,

Parallax option is intended to work with the images, so that's why the option is switching. If you need the background to have only color, then use the image in that color.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi John, Parallax option is intended to work with the images, so that's why the option is switching. If you need the background to have only color, then use the image in that color. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
john13
71 Posts
john13 posted this 12 November 2019

Thanks Hella, is there another option I need to set (other than parallax) as when I try what you suggest I simply get a clock with the image colour and no parallax scrolling just a full block

John

Thanks Hella, is there another option I need to set (other than parallax) as when I try what you suggest I simply get a clock with the image colour and no parallax scrolling just a full block John
john13
71 Posts
john13 posted this 12 November 2019

I have attached the project file.
I am trying to do this on Block 4 on Home page.

Thanks
John

I have attached the project file. I am trying to do this on Block 4 on Home page. Thanks John
weblinker
21 Posts
weblinker posted this 12 November 2019

I think it doesn't make sense add parallax to only a color background...

I think it doesn't make sense add parallax to only a color background...
Support Team
Support Team posted this 13 November 2019

Hi John,

Maybe you could explain what you want to achieve in some details and screenshots? I do not get what is the point of using parallax for the plain color background.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi John, Maybe you could explain what you want to achieve in some details and screenshots? I do not get what is the point of using parallax for the plain color background. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
john13
71 Posts
john13 posted this 13 November 2019

I do not want to use a plain colour background I want use the text from the footer and move to the block which will scroll as you move down the page.

I do not want to use a plain colour background I want use the text from the footer and move to the block which will scroll as you move down the page.
Support Team
Support Team posted this 14 November 2019

Hi John,

Thank you for the details. Unfortunately, the parallax effect is for background images only. It cannot be applied to the Text or any other control.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi John, Thank you for the details. Unfortunately, the parallax effect is for background images only. It cannot be applied to the Text or any other control. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
john13
71 Posts
john13 posted this 18 November 2019

Hi Olivia, are there any suggestions as I am trying to convert the customer over to Joomla/Nicepage from Wordpress.

The link below shows what is presently in place near the footer and is what I am trying to replicate.

http://tilestyleborders.com/

Hi Olivia, are there any suggestions as I am trying to convert the customer over to Joomla/Nicepage from Wordpress. The link below shows what is presently in place near the footer and is what I am trying to replicate. http://tilestyleborders.com/
Support Team
Support Team posted this 19 November 2019

Hi John,

There is no such possibility in the application, but you can try to arrange it manually. Give the class name to your footer (avilable in the right panel options) and then also check the Anchor id of the last Block above the footer. Then add the following code in the Additional CSS area:

.sticky-footer {
    position:fixed!important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1!important;
}
#sec-c82f
{
    margin-bottom:281px!important;
}

where sticky-footer is the class name I gave to my footer, the sec-c82f is the id of my last block and 281px is the height of my footer. Put your values instead.
...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi John, There is no such possibility in the application, but you can try to arrange it manually. Give the class name to your footer (avilable in the right panel options) and then also check the Anchor id of the last Block above the footer. Then add the following code in the Additional CSS area: .sticky-footer { position:fixed!important; bottom: 0; left: 0; width: 100%; z-index: -1!important; } #sec-c82f { margin-bottom:281px!important; } where *sticky-footer* is the class name I gave to my footer, the *sec-c82f* is the id of my last block and *281px* is the height of my footer. Put your values instead. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
ocularvr.com
5 Posts
ocularvr.com posted this 09 October 2020

Yeah Hi, Parallax in my mind is the ability to place one PNG image over another in order to give the user a feeling of depth when he/she moves the mouse over the parallax image,

Having said that, the front page slide show gives the user the option of setting a parallax image as a slide. This would mean selecting a background image and a foreground image.

Please explain if this is achievable, if its not, please don't waste peoples time like as in this long winded discussion.

Thank you

Yeah Hi, Parallax in my mind is the ability to place one PNG image over another in order to give the user a feeling of depth when he/she moves the mouse over the parallax image, Having said that, the front page slide show gives the user the option of setting a parallax image as a slide. This would mean selecting a background image and a foreground image. Please explain if this is achievable, if its not, please don't waste peoples time like as in this long winded discussion. Thank you
Support Team
Support Team posted this 13 October 2020

Hi,

Parallax is a design effect when background image moves slowly than foreground images or any other block content. Nicepage provides a parallax option for the background images only.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Parallax is a design effect when background image moves slowly than foreground images or any other block content. Nicepage provides a parallax option for the background images only. Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments