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

[jecbon]

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. 

[patrick1310 · 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

[jecbon]

where do i add this code?

[patrick1310]

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

[jecbon]

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

[CPDforEngineers]

This worked great, thanks!