How can I center and adjust padding for collection page title in Dawn 2.0 theme?

Store Design
1

jecbon_0-1637815233779.png
jecbon_0-1637815233779.png1195×926 72.2 KB

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.

2

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

3

where do i add this code?

4

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
patrick1310_0-1637911875684.png1433×862 94.5 KB

5

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

6

This worked great, thanks!