I created a WooCommerce checkout page using Elementor to customize its look and feel. At the top there is a section with class .elementor-widget-icon-list
above the checkout fields that reads: Luego de abonar…
I would like to apply the CSS property display: none at the checkout page to the class .elementor-widget-icon-list
only if the product ID is 1813
.
To see what I mean, you can go to the following link and click on Comprar at the bottom, you’ll be redirected to the checkout page I am talking about: https://aefcoaching.com/gimnasio-mental-comprar/
So, can this be done? If so, how? Thanks!
2
Answers
You can achieve it using the functions.php file in the child theme. There are many ways and I think the most efficient one would be to create a hook for a specific page and add jQuery or CSS there. It looks like this (JavaScript aproach):
Code for functions.php file
In your custom.js use JavaScript to set
Of course, you can import a CSS file instead of js if you want.
put this in your theme in the file :
function.php