How can I left align a featured collection title on the Dawn theme home page?

Store Design

Topic summary

A user seeks to left-align a featured collection title on their Dawn theme homepage, which currently displays centered text.

Proposed Solutions:

  • One response suggests using HTML style or align attributes with text-align property, though notes CSS is preferred over deprecated HTML attributes
  • Another recommends editing theme.liquid file by adding custom code before the </body> tag, specifically targeting the index template

Current Status:

  • The user asks where specifically to apply the code under “Edit Code”
  • Multiple helpers request the store URL to provide tailored assistance
  • User shares store link: https://activusperformance.com/
  • Discussion remains open, awaiting specific implementation guidance based on the actual store setup

Note: Some responses contain reversed/garbled text that appears to be formatting artifacts.

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

On the dawn theme how can I left align a featured collection title/heading on my home page. I’d like both lines of text to the left. Picture shows centered text for reference. Thanks.

Screenshot (103).png
Screenshot (103).png2231×955 167 KB

2

Hello there

To align a title in HTML, you can use the style attribute and set the text-align property to the desired alignment value. For example:

# This is a centered title

This will center the title on the page. You can also use the align attribute to align the title, like this:

# This is a centered title

Both of these methods will work to align the title on the page. Keep in mind that using the style attribute is considered best practice, as it allows you to control the styling of the element using CSS, rather than using old-fashioned HTML attributes.

hope this helps!

3

Under what heading and sub-heading of ‘Edit Code’ will I apply that to?

4

Hello @ryanmacventures

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1671157411515.png
GemPages_0-1671157411515.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1671157431940.png
GemPages_1-1671157431940.png916×840 34.2 KB

{%  if template contains 'index' %}

  {%  endif %}

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

5

@ryanmacventures

Please share your store URL!

Thanks!

6

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

7

https://activusperformance.com/