Hi Victoria,
I do understand that this is more about WooCommerce than about Enfold, but the problem is that I tried to install many WooCommerce sorting plugins, like More Sorting Options for WooCommerce or WooCommerce Extra Product Sorting Options…
I also tried everything described on this page: https://rudrastyh.com/woocommerce/sorting-options.html.
But nothing’s working.
So is there any conflict or issue with Enfold theme about this??
Thanks!

Hi Yigit,
No need to set width. What you did is enough to do the trick.
Thank you very much for your help! ;-)

Hi Victoria,
I finally found the solution through this thread: https://kriesi.at/support/topic/remove-margins-in-blocked-layout-on-tablet/
Thanks!

Hi Ismael,
Thanks for your reply.
So I tried to replace the current width value with relative length units and now my code is:

#icone-livraison {
width: 32%;
margin-left: 1%;
margin-top: 45px;
margin-bottom: 0px;
display: inline-flex;
justify-content: space-around;
}

But I still don’t understand why alignment is different between “classic” pages and WooCommerce pages (Shopping cart page, My Account page and so on…). That’s the reason why I asked before how to apply other values to WooCommerce pages ONLY.

I made a screenshot of what I mean in private content.
Where does this issue come from and how could I fix this?

Thanks a lot!

Hi Victoria,
Thanks for your reply.
I would prefer to add some code in my functions.php file, so I will not have to think about it on every theme update.
Do you know which code I need to add to achieve this?
Thanks a lot!

Hi Ismael,
I’m really sorry, I forgot to give new credentials on this thread :-(
Here are the new credentials in private content.
Thanks a lot!

Hi,
Please find new credentials in private content.
Waiting for your help.
Thanks a lot!

Hi Mike,

I’m really sorry!
I worked on my website all the day and I didn’t notice any problem.
So I don’t know what happen and I absolutely don’t know what to do to solve this :-(

I only tried to create a new user.
You can find new credentials in private content.
Could you please try to access my website with them?
If it still doesn’t work, I have no idea of what else to do, so I’ll have to wait some days and I will come back to you later to try the access.

Let me know.
Thanks a lot and sorry again.

Best regards

Hi Jordan,

I’m sorry I don’t know what happened..
Everything seems to be ok now.
Could you please try again?

Thanks!

Hi Mike,

Both solutions works like a charm.
Thanks a lot!

Could you please help me on the second part:
2) There were more differences between my actual page and the mockup, but I added some code to yours and I’m now really close to achieve what I want to.
Here is now my page for variable products: https://imgur.com/CJcykYW.
The last thing I need to do is making the “Add to cart” button size the same as on a single product page: https://imgur.com/cH9tOfo.
For information, I already added some CSS to modify product counter and “Add to cart” button on single product pages.
Maybe adding one tiny piece of code to this one could be enough to apply it to variable products pages too…

.single-product-summary form.cart {padding-top: 14px !important;}
#top div.single-product-summary .quantity input.plus, #top div.single-product-summary .quantity input.minus,#top div.single-product-summary .quantity input.qty {
	line-height: 10px !important;
	width: 33px !important;
	height: 33px !important;
	margin-bottom: -10px !important;
}
#top div.single-product-summary button[name=add-to-cart] {padding: 10.4px !important;}
div.single-product-summary form.cart div.quantity {min-width: 50px !important;}

Thanks a lot!

Hi Mike,
Your code works perfectly.
You’re the best! ;-)
Everything is ok for me now.
Thanks a lot!!

Hi Mike,

Thanks for your reply.

1) I added the function for out of stock products that you mentioned in your last message.
It works great but it only would need some CSS adjustments: on shop page, I would like to hide the small line and center the remaining button (see mockup: https://imgur.com/5d06zfv).
The other texts I need to modify are on the product page itself (see screenshots: https://imgur.com/DzEwkGw and https://imgur.com/h8MrJ4u).
Which functions do I need to add to modify those texts?

2) There were more differences between my actual page and the mockup, but I added some code to yours and I’m now really close to achieve what I want to.
Here is now my page for variable products: https://imgur.com/CJcykYW.
The last thing I need to do is making the “Add to cart” button size the same as on a single product page: https://imgur.com/cH9tOfo.
For information, I already added some CSS to modify product counter and “Add to cart” button on single product pages.
Maybe adding one tiny piece of code to this one could be enough to apply it to variable products pages too…

.single-product-summary form.cart {padding-top: 14px !important;}
#top div.single-product-summary .quantity input.plus, #top div.single-product-summary .quantity input.minus,#top div.single-product-summary .quantity input.qty {
	line-height: 10px !important;
	width: 33px !important;
	height: 33px !important;
	margin-bottom: -10px !important;
}
#top div.single-product-summary button[name=add-to-cart] {padding: 10.4px !important;}
div.single-product-summary form.cart div.quantity {min-width: 50px !important;}

Thanks a lot!

Hi Mike,
Thanks for your reply.
Unfortunately, this code doesn’t align texts vertically, but only move them all to the bottom.
So, when title is 2 lines, it’s also moved to the bottom and the result is not centered (see screenshot).
What I really need is texts centered in their own cell.
Which code do I need to add to achieve this?
Thanks a lot!