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
Trailblazer
196 0 41

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
10202 2422 3067

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
10202 2422 3067

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
VisarK
Trailblazer
196 0 41

Thanks a lot @Made4uo-Ribe it works