How to put product title and prices in the left align on related products called You may also like

Solved

How to put product title and prices in the left align on related products called You may also like

VisarK
Pathfinder
95 0 20

Hello community,i need on product page to related product section called "You may also like" to put in the left align product title and prices

Screenshot_20240707_215848_Chrome.jpg

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6827 1627 2006

This is an accepted solution.

Hi @VisarK

Check this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
#shopify-section-template--22723455385903__related-products .card__heading a.full-unstyled-link, 
#shopify-section-template--22723455385903__related-products .card-information  {
    text-align: left !important;
}
</style>

 

  • And Save. 
  • Result:
  • Made4uoRibe_1-1720388185710.png

     


     

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
6827 1627 2006

This is an accepted solution.

Hi @VisarK

Check this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
#shopify-section-template--22723455385903__related-products .card__heading a.full-unstyled-link, 
#shopify-section-template--22723455385903__related-products .card-information  {
    text-align: left !important;
}
</style>

 

  • And Save. 
  • Result:
  • Made4uoRibe_1-1720388185710.png

     


     

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
VisarK
Pathfinder
95 0 20

Thanks a lot @Made4uo-Ribe it works