Return to previous page

Parallax Background image - by Woodly - on WordPress WooCommerce support

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

Woodly

Participant

September 1, 2015 at 02:54

Hello there,

I have imported your parallax demo into my page and everything works great for that demo. However, when I try to add an image as an entire background image such as your demo, the nice parallax with a nice big background image that does not happen for me. The background just covers the text that I am entering and sometimes I have to hover over the text in order for the image to appear. I have looked and copy the row settings exactly the same as the demo and mine just appears different.

Any ideas on how I can solve this issue? I want my page to look like:

http://www.wood.ly/parallax-2 but it looks like http://www.wood.ly/

Thanks,

#83503 Copied Theme version: Woopress WooCommerce version: 2.4.6

21 Answers

Jack Richardson

Support staff

September 1, 2015 at 09:56

Hello,

Please provide us with WP Dashboard credentials in private content.

Best regards,
Jack Richardson.

#83579 Copied

Woodly

Participant

September 3, 2015 at 19:41

Thanks for the help

Please, contact administrator
for this information.

#84458 Copied Theme version: WooPress WooCommerce version: 2.4.6

Jack Richardson

Support staff

September 4, 2015 at 09:12

Hello,

Some plugin is causing the issue. Please disable all 3rd-party plugins and check the page.

Best regards,
Jack Richardson.

#84545 Copied

Woodly

Participant

September 6, 2015 at 23:05

Hello,

I have done that and the problem of the image not appearing until I hover over the text is not there anymore (thanks for that) however I still can’t have the image to cover the entire background such as the one in your demo.

Can you please tell me how this problem can be fixed please?

Thanks,

#84898 Copied Theme version: WooPress WooCommerce version: 2.4.6
Eva Kemp

Support staff

September 7, 2015 at 09:42
Hello,

I’ve added padding values for parallax background in the row settings: http://storage1.static.itmages.com/i/15/0907/h_1441615139_4755237_2f2ad4c651.png
Please check the page now. Also add this code in Theme Options > Custom CSS > Global Custom CSS to remove space under the slider:
```
.page-heading-slider .wpb_revslider_element {
   margin-bottom: 0px;
}
```
Regards,
Eva Kemp.
#84955 Copied
Woodly

Participant

September 10, 2015 at 02:04

Hello,

When I add the revolution slider, the parallax feature does not work anymore. Any ideas on how to solve this problem?

Thanks,

#85796 Copied Theme version: WooPress WooCommerce version: 2.4.6

Jack Richardson

Support staff

September 10, 2015 at 08:52

Hello,

Please update Revolution Slider to the latest version https://www.8theme.com/download-plugins/ .

Best regards,
Jack Richardson.

#85870 Copied

Woodly

Participant

September 10, 2015 at 19:31

Thank you! Is there a way to update the plugins without having to replace the files directly from the FTP?

#86052 Copied Theme version: WooPress WooCommerce version: 2.4.6

Woodly

Participant

September 11, 2015 at 04:46

Still not working.

Thanks,

#86081 Copied Theme version: WooPress WooCommerce version: 2.4.6

Jack Richardson

Support staff

September 11, 2015 at 09:09

Hello,

I’ve reuploaded Revolution Slider plugin.
Please clear browser cache and check now.

Best regards,
Jack Richardson.

#86127 Copied

Woodly

Participant

September 15, 2015 at 06:24

Hello,

The browser cache has been cleared and I also updated to Visual Composer 4.7 and Ultimate Add ons for Visual Composer 3.13.4, and Revolution Slider is still not working with the Parallax feature. From what I can see, whatever parallax image I add after Revolution slider does not work. However If I add a revolution slider at the end of the page (i.e. nothing after the slider) everything works perfectly but I have it at the top of the page nothing works below the rev slider, please help as I want the Revolution Slider at the top of the page and the rest to be parallax.

Thank you very much.

#86859 Copied Theme version: WooPress WooCommerce version: 2.4.6

Eva Kemp

Support staff

September 15, 2015 at 09:05

Hello,

We can’t log in via FTP now.
Please provide us with correct login details.

Regards,
Eva Kemp.

#86909 Copied

Woodly

Participant

September 15, 2015 at 14:04

Thanks for the help. FTP has been unlocked for 24 hours.

Please, contact administrator
for this information.

#87017 Copied Theme version: WooPress WooCommerce version: 2.4.6

Woodly

Participant

September 16, 2015 at 15:02

Please help as I have had this issue for quite a while now. Thanks! Previous message:

The browser cache has been cleared and I also updated to Visual Composer 4.7 and Ultimate Add ons for Visual Composer 3.13.4, and Revolution Slider is still not working with the Parallax feature. From what I can see, whatever parallax image I add after Revolution slider does not work. However If I add a revolution slider at the end of the page (i.e. nothing after the slider) everything works perfectly but I have it at the top of the page nothing works below the rev slider, please help as I want the Revolution Slider at the top of the page and the rest to be parallax.

Please, contact administrator
for this information.

#87300 Copied Theme version: WooPress WooCommerce version: 2.4.6

Eva Kemp

Support staff

September 16, 2015 at 15:07

Hello,

The problem persists only in Chrome browser. Check it in Firefox and you’ll see there is no such issue.
You may try this solution on your side:
https://support.google.com/websearch/answer/112568?hl=en

Regards,
Eva Kemp.

#87304 Copied

Woodly

Participant

September 18, 2015 at 06:31

Hi Eva,

Indeed it only persists in the Chrome browser but I have tried in other computers and it does not work on their Chrome either. Therefore, that means that Visual Composer, Revolution Slider or WooPress are not suitable to work with Chrome. I am pretty sure that other people have same kinda problems. Maybe this is a bug somewhere? Could please check with the folks at EightTheme to solve this issue please? The only browser that works perfectly is just Firefox, by using Safari there is a weird space between the Slider and the Parallax even though I added the code on Global CSS on this issue.

Could you please resolve as I can’t launch the website if this problem persists.

Thank you very much and sorry for the inconvenience.

#87751 Copied Theme version: WooPress WooCommerce version: 2.4.6

Eva Kemp

Support staff

September 18, 2015 at 10:45

Hello,

This issue is related to Ultimate VC Addons plugin. We contacted them and received the reply:

We tested, at the moment – Fixed background property is creating bugs in Chrome.

See reports here –

http://stackoverflow.com/questions/22292357/fixed-background-image-bug-chrome-mac
http://www.cybertechquestions.com/css-fixed-background-attachment-blinks-in-google-chrome_118396.html
https://wordpress.org/support/topic/problem-with-fixed-backgrounds-in-chrome

if you google “Chrome bug with fixed background” you will find many people reporting the same.

The workaround for this is quick. Simply change fixed background to “Move with the content” (scroll) Further – you can apply parallax to it and make it even more beautiful.

Please try the suggestion of them.

Regards,
Eva Kemp.

#87871 Copied

Woodly

Participant

September 19, 2015 at 00:59

Hi Eva,

I did what you suggested and is working smoothly with Chrome as well thanks!

There is a space between the slider and the parallax image (Only in Safari), and a space between the parallax images in all browsers, any suggestions on how to get rid of this?

Thanks for all your help!

#88051 Copied Theme version: WooPress WooCommerce version: 2.4.6

Jack Richardson

Support staff

September 19, 2015 at 09:23

Hello,

I’ve added margin-bottom value 0px to the row settings with parallax effect.

Please check site now.

Best regards,
Jack Richardson.

#88079 Copied

Woodly

Participant

September 23, 2015 at 02:43

Hello,

There is a space between the revolution slider and the parallax image, however this only happens with Safari. You guys gave me a code before and it eliminated the space below the slider but it’s not working on Safari.

.page-heading-slider .wpb_revslider_element {
margin-bottom:0px;
}

Any suggestions?

Thanks,

#88716 Copied Theme version: WooPress WooCommerce version: 2.4.6
Eva Kemp

Support staff

October 7, 2015 at 12:00
Hello,

We’re sorry for a long delay.

Please use this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.page-content {
  margin-top: 0px;
}
```
Regards,
Eva Kemp.
#92162 Copied
Tagged: background, image, parallax, persuasive, themes, woocommerce, wordpress
Viewing 22 results - 1 through 22 (of 22 total)