-
Posts
-
Dear Support,
It has happened on more than one occasion that a friend has gone to visit my website and they see only a blank screen because the one image I have in the Fullscreen Slider does not appear. It does appear, however, if they hit refresh.
Any idea why this might be happening?
Link to site below.
Thank you,
Tim
Hey hypergolica,
I’m getting the same problem on my end. Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardHi,
I checked your site and the settings seem to be fine. However, a plugin conflict may be one of the reasons for this issue.
To find which plugin is causing the conflict please follow these steps:1. Go to your plugins page > Deactivate all active Plugins
2. Update WordPress and Enfold to the latest version if you have not.
3. Make sure all the plugins are updated.
4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.We await the results of your plugin compatibility test.
Thanks for your cooperation :)
Best regards,
VinayHi Vinay,
Many thanks for checking the website. Unfortunately, the “deactivate all plugins” isn’t a viable solution. I have too many that are essential to site… and not enough time to go through that kind of process. (I am amazed that no one has come up with a ‘check-for-plugin-conflicts’ plugin.)
I think I’ll pursue an alternative solution…
Question: if I want to replace the Fullscreen Slider with a basic DIV that goes fullscreen and is responsive, do you have any recommendations regarding the CSS?
Thanks,
Tim
Hi Tim,
If you don’t want to experiment on your live site, then I would recommend that you copy it to a staging site on the same server. That also comes in handy to check for problems on updates.
I’m not sure I understand you question, if you are looking for a full width element the maybe you could try the Color Section element? That is basically a full width div.
Best regards,
RikardRikard,
Good idea. I ended up switching to the Color Box as I noticed that even using the Fullwidth Easy Slider had problems regarding the image loading. I’ve no idea what causes the conflict, but if I had to guess, I’d say it is something to do with WP Rocket.
The only problemI had with the Color box is the position of the background image within the box. I tried using CSS to modify the ‘background-position’, but, holy cow!, what a nightmare trying to figure out the right path. I even followed Yigit’s instructions on adding a custom class name and it still didn’t work.
To fix this, I ended up cropping the image the way I wanted and exported it accordingly, but, If you could show me the right CSS to better position the image for future use, I’d be much obliged.
Link to the site below.
Many thanks.
Cheers,
Tim
Hi,
By color box, I’m assuming you like to position the “color section” background image correct?
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
First please add a unique id to the color section developer ID then change the unique ID name in the below code and use it in Enfold > general styling > Quick CSS :)
NOTE: Please change the % value of the position in X and Y axis to adjust the image position.
/* For desktop*/ #top #unique-id { background-image: url(https://your-site.com/image.jpg)!important; background-position: 0% 50%!important; } /* For mobile */ @media only screen and (max-width: 767px) { #top #unique-id { background-image: url(https://your-site.com/image.jpg)!important; background-position: 0% 50%!important; } }Best regards,
VinayThank you, Vinay! I found an alternative solution, but I’m sure this will be helpful in the future. Please close this thread if it hasn’t been closed already.
Cheers,
Tim
- The topic ‘Fullscreen Slider Image on Home Page Sometimes Does Not Appear’ is closed to new replies.