How to left align icon with text

Store Design
, ,

Topic summary

A user seeks help aligning an “icon with text” element to the left on their product page, as it currently appears centered.

Proposed Solution:

  • Access the theme editor via Online Store → Edit Code
  • Locate the theme.liquid file
  • Insert custom CSS code just above the </body> tag

Note: The provided code snippet and image references appear corrupted or encoded, making the exact CSS solution unclear. The discussion includes a product page link and screenshot showing the alignment issue, but technical details require clarification for implementation.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

How can Align this “icon with text” to the left of the page, it seems to be centred as of now.

Link is https://fenora.co/products/luggage-portable-one-shoulder-waterproof-wear-resistant-large-capacity-travel-bag

Image 05-07-2024 at 18.57.jpeg
Image 05-07-2024 at 18.57.jpeg1494×410 21.7 KB

2

Hey @EcomEO

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1720203335368.png
Moeed_0-1720203335368.png588×733 22.4 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed