Hello @wikashbehari,
Can you kindly tell us for which addon you are referring to this? If you tell us more about the specific addon, it’ll be easier for us to understand. Some screenshots will be great!
Thank you!
Hi,
Thanks for you reply.
I am using Woolentor plugin (addon?) within my WordPress website. Somehow I am not able to post screenshots here..:)
Will try to explain with text:
For my homepage starcosmetics.nl I want product slider based on category. Woolentor is providing in it’s free version. The slider work, but the action button (“Buy Now” => in Dutch “Kopen”) needs to be in the center and somewhat bigger (padding/margin).
Within Woolentor the element “Universal Product Layout” provides the product slider. I used that. And I want the action button at the bottom, so I choose the “Position” => “Content Bottom”. The standaar position is at the bottom, but left allign. I want it in the center. And I also want the button bigger (vertically and horizontilly). PS for all devices
I managed to get it in the middle for desktop but on mobile it is not in the middle. I did it with CSS.
@media screen and (min-width: 800px) {
.ht-product-action {
margin-left: 31%
}
}
@media screen and (min-width: 480px) and (max-width: 760px){
.ht-product-action {
margin-left:20%
}
}
@media screen and (min-width: 20px) and (max-width: 480px) {
.ht-product-action {
margin-left:30%
}
}
.ht-products .ht-product .ht-product-inner .ht-product-action ul li a.woolentorquickview {
display: none;
}
Can you maybe check my website and give me some idea?
The CSS solution is very ugly in my opinion. Is there maybe a simpler option to use Woolentor and maybe another plugin for the action button?
Sorry can not post images here..
ps. I also using padding and marging. Till some point it worked, but providing bigger value for these two doesn’t change the action button
Hello @wikashbehari,
Thank you very much for reaching out to us.
Sorry to hear about the inconvenience you had.
You can manage button height from here: https://tppr.me/4dCMM
If you unable to fix the issue, you can contact our support team at https://woolentor.com/contact/
We’ll definitely assist you with this.
Best regards,
HT Plugins