Centre Collection page title.

Solved
jecbon
Excursionist
39 0 9

jecbon_0-1637815233779.png

Hello, I would like to center the collection page title on the dawn 2.0 theme and reduce the padding above and below the text, so the distance between the header, product title and product images are smaller. I won't send the link to my store.... the solution should be generic for dawn 2.0. Thanks. 

Accepted Solution (1)

Accepted Solutions
patrick1310
Tourist
5 1 5

This is an accepted solution.

You can simply use this CSS code to achieve that:

.collection-hero__title {
    margin: 3rem 0 0;
    text-align: center;
}

 

You can increase/decrease the 3rem to the number you want to adjust the space above the title

View solution in original post

Replies 4 (4)
patrick1310
Tourist
5 1 5

This is an accepted solution.

You can simply use this CSS code to achieve that:

.collection-hero__title {
    margin: 3rem 0 0;
    text-align: center;
}

 

You can increase/decrease the 3rem to the number you want to adjust the space above the title

View solution in original post

jecbon
Excursionist
39 0 9

where do i add this code?

patrick1310
Tourist
5 1 5

Ok sorry for not mentioning it. You can add the CSS code in Dawn theme by following these steps:

1. From your Shopify Admin, go to Online Store > Theme

2. Click on the Actions button > choose Edit Code

3. Open the folder Assets > choose the file base.css

4. Paste the code at the bottom of the file like this

patrick1310_0-1637911875684.png

 

jecbon
Excursionist
39 0 9

awesome, thank you. Is it hard to change the font and colour of it ?