Arreane
Forum Replies Created
-
Hi,
I went ahead and checked your site and I was able to replicate your issue. It looks like the MetaSlider’s height adjusts right after all the images are loaded. The huge gap happens during the image loading.
One way to fix it is by installing a caching plugin and optimize your images to make the images load much faster. This way, the amount of time the space gap display will reduce.
Also, can you provide a screenshot of your MetaSlider settings so we can have a better look and investigate further on what’s really causing the issue.
Forum: Plugins
In reply to: [Redux Framework] Can’t user wordpress CustomizerHi,
I’d like to help you with your problem.
Can you provide more information about your problem.
> May I know which part of your site the error is displaying?
> What steps did you make before the error displayed in your site?
> What version of WordPress and Redux are you using?Also, this issue might be caused by another plugin/theme. So, please check if this issue happens when only Redux and the Twenty-Twenty One theme are active.
Hi,
The default value for the caption display settings is to use the image library’s caption. I’m guessing your images doesn’t have a default caption that’s why its not displaying any captions in your slider.
You can however, change the caption manually. I’ve made a short recording for you to see it in action – https://share.getcloudapp.com/04uAndRd
I hope I have answered your question. Let us know if you need anything else.
Hi,
Yes, this is possible using Post Feed Slide feature from MetaSlider Pro version.
I’ve made a short recording for you to see how it works in action – https://share.getcloudapp.com/DOuD1rN1
You can also check the documentation on how Post Feed Slide works – https://www.metaslider.com/post-feed-slides/
In regards to your question with touch and swipe controls. All 4 types of sliders are able to detect touch control on mobile but only FlexSlider has the swipe feature.
I hope I have answered your questions clearly. Let us know if you need anything else.
Kind Regards,
ArreaneHi,
I’m happy that your issue has been fixed. Please don’t hesitate to post a new ticket if you need any help.
Thanks.
Hi,
I’m happy that we could help you with your issue.
Please don’t hesitate to open a ticket if you need any help. We are happy to help you.
Thanks
Hi rrus,
Thank you for your reply.
I’d like to help you with your problem. Please try to open a new ticket for your latest reply so we can address your issue separately.
Thanks
Hi there,
Thanks for reaching out to the MetaSlider support team.
This is because there is a script that adds width: 100%; directly into the MetaSlider DOM. You can force your CSS to be prioritized by adding !important to your code. You might also want to add margin: 0 auto; to your CSS to make it center aligned. You can copy and paste the custom CSS code below to your website:
#metaslider-id-6729 {
width: 50% !important;
margin: 0 auto;
}Let us know if you need anything else.
Hi there,
You can actually add an html element in your captions.
Please see screenshot – https://share.getcloudapp.com/yAuD90Ln
Let me know if this works for you.
Hi There,
It’s possible that a plugin/theme tries to override the MetaSlider styles. You can try to check this by disabling all the plugins except for MetaSlider and switch the theme to Twenty-Twenty One temporarily.
Alternatively, there is an option in MetaSlider Pro version where you can choose the position of the navigation in the MetaSlider Theme Editor – https://share.getcloudapp.com/P8u52qLx
If you’re using the free version, it is still possible by manually adjusting the position of the navigation through custom CSS. I would suggest installing this plugin so you can add the custom CSS code: https://wordpress.org/plugins/custom-css-js/
Thanks,
Hi,
I’m happy that your issue has been fixed. Please don’t hesitate to post a new ticket if you need any help.
Thanks
Hi there,
Thanks for reaching out to the MetaSlider support team.
Please make sure that you have the latest version of MetaSlider installed on your website.
Also, this issue might be caused by another plugin/theme. So, please check if this issue happens when only MetaSlider and the Twenty-Twenty One theme are active.
Hello,
You can achieve that by adding custom CSS.
Not sure if you want this effect in all your woocommerce product or you want this just for this specific page.
You can add this code if you want it specifically just on this page.
body.postid-2474 .woocommerce-product-details__short-description { display: flex; justify-content: space-around; max-width: 700px; align-items: flex-start; }You can add this code if you want this effect on all your product pages
.woocommerce-product-details__short-description { display: flex; justify-content: space-around; max-width: 700px; align-items: flex-start; }You can also check this article If you don’t know where to add the CSS code.
https://www.metaslider.com/how-do-i-add-custom-css-to-my-theme/