Arreane
Forum Replies Created
-
Yes, MetaSlider supports PHP 8
Hi,
Assuming you’re using FlexSlider as the slide type. You can add the following CSS code.
.metaslider .flexslider .flex-direction-nav .flex-prev { opacity: .8; left: 5px; } .metaslider .flexslider .flex-direction-nav .flex-next { opacity: .8; right: 5px; }Hi,
The link you provided links to a “404:Page not found” page.
You can enable the hover pause option in your slideshow advance settings.
https://share.getcloudapp.com/rRuN7oGRYes, you are correct. The number of dots should correspond to the number of slides.
Are all of the 6 dots functional? I’m guessing that the extra dots are caused by an external CSS coming from a different plugin or by your theme.
Please try to deactivate all the other plugins and switch your theme temporarily to Twenty-Twenty One and see if that fixes the issue.
Then, try to reactivate all the plugins one-by-one until you can find which is causing the issue.
It would be really helpful if you could provide some screenshonts.
Hi nolah,
If you’re referring to the dot navigations, then you can remove them by setting the navigation as hidden https://share.getcloudapp.com/geudWQ0r
If this is not what you mean, can you share a url where this happened so I can take a closer look. If it’s on your local server, can you at least share a screenshot on how it looks on your end.
Hi,
Can you try the following code below. This should fix the bottom spacing on all resolutions:
.metaslider.ms-theme-architekt { padding-bottom: 50px !important; } .metaslider .nivo-caption { display: none !important; } .metaslider .theme-default .nivoSlider { padding-bottom: 0 !important; } @media screen and (max-width:480px) { .metaslider.ms-theme-architekt { padding-bottom: 0 !important; margin-bottom: 0 !important; } div.metaslider .theme-default .nivoSlider { padding-bottom: 50px !important; margin-bottom: 0 !important; } }Already responded on MetaSlider support forum. I’ll mark this as resolve.
You’re welcome. We’ll be marking this issue as resolve.
Glad we’re able to help. Closing the ticket now
Hi,
You can delete the duplicate slideshows by clicking the DELETE SLIDESHOW links in the bottom right corner of your slideshow settings https://share.getcloudapp.com/xQuzvWB9
Hi,
You need to make sure that all the images on your first slide has the same height to avoid white spaces on the smaller images.
Hi, can you share your a link to your site so I could take a look and provide you with the correct CSS code.
In the meantime, I’m not sure if this code will work on your end, but you can try the following code below:
@media screen and (max-width: 480px) { .metaslider .caption-wrap { display: none !important; } }Hi,
You can use the following code to change the background opacity.
You can change the opacity value to your preference from .5 being 50%, and 1 as 100%
.metaslider .caption-wrap { background: rgba(0,0,0,.5) !important; }Hi,
You should be able to see the form by clicking the chat icon on the bottom right corner on MetaSlider.com’s page https://share.getcloudapp.com/YEuPLRBp
Forum: Plugins
In reply to: [Quick Event Manager] event image cssHi,
You code is actually correct. I manually injected your CSS code in a browser to show you that it works. https://share.getcloudapp.com/GGu41EGN
The problem is on how you add your CSS. It’s also possible that the reason why the changes didn’t reflect is because of some caching issues. So make sure to clear/purge all your cache. Also try deactivating your caching plugins if there is any.