
-
AuthorPosts
-
May 7, 2025 at 8:06 pm #1483786
Hello,
I made a content slider but it dosn’t work well as soon as i refesh the page.
When i manualy change of slide, i can see a picture behind which doesn’t belong to my slider and which is always the same.when i pass all my slides manually after it works well!
This is the page where i have the problem:
Thanks for your help!
May 8, 2025 at 6:58 am #1483809Hey Pierre,
Thank you for the inquiry.
Looks like you’re using a custom gallery from a plugin in the content slider. Please edit the gallery settings and check if there’s an option for a slider background. If not, consider reaching out to the plugin developers for further assistance.
Best regards,
IsmaelMay 8, 2025 at 7:39 am #1483817May 8, 2025 at 8:10 am #1483825Hi,
You can try this css code but it might affect the slider transition a bit.
.slide-entry-wrap:not(.active-slide) .slideimage .fg-image-viewer .fiv-inner .fiv-inner-container .fg-item .fg-thumb img { opacity: 0; }
For additional assistance, please contact the developers of the slider plugin.
Best regards,
IsmaelMay 8, 2025 at 8:47 am #1483830thanks but the problem is still here.
I don’t use any plugin for the slider! it’s content slider Enfold…so i made my galleries with enfold galery without foogallery plugin and it seems to be ok.
Now i just want to ajust two things :
– How can i adjust size and position of the arrows of content slider?
-how can i desactivate the effect that the light box do on hover?i
-
This reply was modified 1 day, 18 hours ago by
spray.
May 9, 2025 at 6:18 am #1483897Hi,
To adjust the size and position of the slider arrows, try to add this css code:
#top .avia-smallarrow-slider .avia-slideshow-arrows a { opacity: 0; margin: 0; width: 50px !important; height: 50px !important; line-height: 50px !important; font-size: 20px !important; top: 0; } #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child, #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon img[is-svg-img="true"] { height: 20px; width: auto; margin-top: 15px; } #top .avia-smallarrow-slider .avia-slideshow-arrows { position: relative; width: 120px; top: 20px; left: auto; height: 24px; right: 10px; }
If you’re trying to disable the image overlay, add this code:
.image-overlay, .image-overlay .image-overlay-inside { display: none !important; }
Best regards,
IsmaelMay 9, 2025 at 9:16 pm #1483947Hi,
Thanks , for the height it works but the arrows have always the same width..
ANd cocerning the overlay, is it possible to keep the logo in the center of th image and keep the opacity to 1? -
This reply was modified 1 day, 18 hours ago by
-
AuthorPosts
- You must be logged in to reply to this topic.