does anyone know how can I change the style for the price in product listings (not on product details page) on front-end? I would like to make the price bigger and change its color. I tried but I simply cannot locate the CSS (LESS) file that controls the style of the price tag.

Please see the image

enter image description here

  • do you have some custom theme and css file or trying with LESS ? – Naveed Asim Sep 4 '18 at 12:53
  • yes, i am using custom theme that extends Luma theme – web player Sep 4 '18 at 12:55

To change price or CSS / Less for catalog page copy _module.less file and paste it in your theme directory here you will be able to make any change you want :

copy :


And Paste it in :


Then you can make any change you want :

NOTE : after making changes delete pub/static/frontend and var/view_processed folder and deploy static content again.

.product-item .price-box .price {

You can debug the less & css files, more informations in : How CSS and LESS files are preprocessed and how to debug them

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.