Collection header

Store Design
1

Hello, maybe someone know how to move on collection header the text to the left?

Any help will be appreciated

Waiting for codes to :heart:

Toypop_0-1732733777818.png
Toypop_0-1732733777818.png1636×407 26.6 KB

2

@Toypop

Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

3

Toypop.lt

4

@Toypop thanks for url can you please add this code its work

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-collection-hero.css ->paste below code at the bottom of the file.
.collection-hero__title {text-align: left;}

KetanKumar_0-1732903510581.png
KetanKumar_0-1732903510581.png1920×922 278 KB

5

Hello maybe you know how to add Bold on to this text as well ? ?

6

@Toypop yes please update my last code this

.collection-hero__title {
    text-align: left;
    font-weight: bold;
}
7

Hello @TopopStore

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.
  • Click on Online Store > Themes.
  • Find the theme you want to edit and then click Actions > Edit code.
  • Search component-collection-hero.css
  • Insert the provided CSS code at the end of the file and save the changes.
.collection-hero .collection-hero__title
{
   text-align: left;
}

Output : https://prnt.sc/JlWLU4tlcY0y

Please hit Like and Mark it as a Solution if you find our reply helpful.