Hide Price From Featured Products

To hide products from the featured products section using CSS, you can use the following code:

.product-item-price{ 
display:none; 
}

This code targets the element with the class "product-name" that is within the container with the class "featured-products". It sets the display property to "none", which hides the element from view.

You can also use this code to hide other elements within the featured products section by changing the class name in the CSS selector to match the element you want to hide.

Note that this code only hides the element from view and does not remove it from the HTML structure. If you want to completely remove the element, you'll need to use JavaScript or modify the HTML directly.

Last updated