I want to change a CSS style and position for product name, price, brand name and reviews on products card.

Here is current CSS style:

enter image description here

Here is the look that I would like to get

enter image description here

Anyone help me which files I should edit?

@ update

How to change style also for old price in list.phtml?

I centered all text but impossible center old price.

enter image description here

In list.phtml I have only:

<div align="center"><span class="text"><?php /* @escapeNotVerified */ echo __('Cena det.') ?></span></div><div align="center"><?php echo $block->getProductPrice($_product) ?></div>

I cannot find oldprice

  • I didn't undestand what you want to do here ? you want to change a product name or product name style or, but here you have two different products, we can't undedertand your need, share rather the same product before and after please.
    – PЯINCƎ
    Sep 5, 2018 at 20:30
  • @Prince, I described you more.
    – Sylvester
    Sep 5, 2018 at 20:51

1 Answer 1


Copy the list.phtml (If you haven't already in your current theme) from




Then reorder the items as your need, for css you can customise them in : app/design/frontend/{Vendor}/{theme}/web/css/yourcss.css

  • I updated my topic
    – Sylvester
    Sep 5, 2018 at 21:28
  • Did you solve what you wanted to do?
    – PЯINCƎ
    Sep 6, 2018 at 7:58
  • yes but still I cannot center "Old Price".
    – Sylvester
    Sep 6, 2018 at 8:08
  • Try: .old-price {display: block; text-align: center;}
    – PЯINCƎ
    Sep 6, 2018 at 8:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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