wikashbehari

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..