I want to choose the font size on my collection title in my collection page

[imazele]

Hi I want to reduce the size of my collection title in my collection page : PRO CLUB T-SHIRTS

And I also want to center the title and the description text.

Here is the link :https://www.five-pocket.com/collections/pro-club-tshirts 

Thanks in advance.

 

[BSS-TekLabs]

- Here is the solution for you @imazele 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.collection-hero__title {
    font-size: 26px !important;
    text-align: center !important;
}
@media screen and (min-width: 750px) {
    .collection-hero__title+.collection-hero__description {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15% !important;
        padding-right: 15% !important;
        text-align: center !important;
    }
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[imazele]

Hi Thanks, 

It works on desktop but on mobile as you can see down below on the picture the description text isn't center align. Can you please tell me how to correct that ? 

Here is the link of my collection page : https://www.five-pocket.com/collections/pro-club-tshirts 

Here is the picture : 

 

[BSS-TekLabs]

Can you add more this code @imazele 

.collection-hero__title+.collection-hero__description {
    text-align: center !important;
}

[Aatiqa]

Hello @imazele 

indly, follow the below steps to fix your problem:

1) From your Shopify admin dashboard, Go to Online Store
2) Choose the theme which you wanna edit and click on Edit Code
3) Add this code in the end of theme. liquid file above </body>

<style>
.collection-hero__text-wrapper {
    text-align: -webkit-center !important;
}

.collection-hero__title {
    font-size: x-large !important;
}

</style>

Result:

If I was able to help you and my solution worked well for then, please don't forget to Like it and Mark it as Solution.

Best Regards,
Aatiqa