Products

[ilabedzkaParticipant]

Hi, I have a problem
when I add products to my site, they are very small, I can not arrange them side by side.
I use Woocoomerce and Elementator.
How can I add products to be next to each other?

[RahmanKeymaster]

Hello Ilabedzka,

Thanks for contacting us.
Sorry for the happen, Could you share website with us?, So we can see what happen into site and give you a solution for the issue.

Thanks
Rahman

[ilabedzkaParticipant]

this is the page http://powergirl.pl/produkty/
I would like the products to be next to each other, bigger – now they are very small and do not look good. (I want them to look like on the home page http://powergirl.pl/)
The view mobile can display two side by side.

[RahmanKeymaster]

Thanks for reply,
I see you are using Elementor page builder and take a widget from the builder to show the product on that page. That’s why doesn’t show those products bigger like our demo.

Okay put this CSS code here Appearance -> Customize -> Additional CSS

.elementor-element.elementor-wc-products.elementor-products-columns-4 ul.products{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce .elementor-element.elementor-wc-products ul.products li.product, .woocommerce div.product .elementor-element .related.products ul.products li.product{
padding-right: 15px;
padding-left: 15px;
width: 25%;
box-shadow: inherit;
}

Thanks
Rahman

[ilabedzkaParticipant]

Thank you for your help, it looks good now.
Can I ask for something else?
I would like to add my text in the “basket” because they are in English by default. If it is possible?

[RahmanKeymaster]

Thanks for the feedback.
Yes it’s possible, if you have any coding knowledge then you can do this.

Thanks
Rahman

[Author]

Posts