Solved

Collection list and featured collection product title aligned left

sereneluminaire
Excursionist
28 0 6

Good day. Can you help me with the Product Title aligned in the product. I want it aligned full left aligned with the product photo. 

sereneluminaire_0-1711958643995.png

Thank you for your effort. This is my store link sereneluminaire.com

 

Accepted Solution (1)

oscprofessional
Shopify Partner
15849 2371 3074

This is an accepted solution.

Hello @sereneluminaire ,
Here is the code you can try. I hope it useful- Go to the Online Store-> Theme-> Edit code-> Assets> base.css -> Add code at the bottom.

.product-card-wrapper .card__heading .full-unstyled-link {
	text-align: left;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 4 (4)

oscprofessional
Shopify Partner
15849 2371 3074

This is an accepted solution.

Hello @sereneluminaire ,
Here is the code you can try. I hope it useful- Go to the Online Store-> Theme-> Edit code-> Assets> base.css -> Add code at the bottom.

.product-card-wrapper .card__heading .full-unstyled-link {
	text-align: left;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
sereneluminaire
Excursionist
28 0 6

Thanks!

PageFly-Noah
Astronaut
869 175 194

This is Noah from PageFly - Shopify Page Builder App

 

You can add code here to align left title product.

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

 

<style>
.product-card-wrapper .card__content .card__information .card__heading a{
    text-align: left !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

techlyser_web
Shopify Partner
1423 268 282

Hello @sereneluminaire 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .card__information .card__heading .full-unstyled-link {
      text-align: left !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com