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 '18 at 20:30
  • @Prince, I described you more. – Sylvester Sep 5 '18 at 20:51

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

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

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.