How to move the collections component's heading to the middle and change the font size? DAWN THEME

Store Design
, ,
1

HI,

I would like to move my collections component header to the middle of the section and change the font size as well,

for clarification please refer to the picture down below

Capture.PNG
Capture.PNG1055×844 318 KB

On the home page of my site, as you can see the red circle collection header is aligned to the left side. I would like to align it in the middle like the green circle featured collection header and change the font size as well.

URL: ABBASI (abbasigems.com)

Password: testingpage

Thank you

2

@justauser - add this css to the very end of base.css file and check

.title-wrapper-with-link {justify-content: center;}

suyash1_0-1674463652987.png
suyash1_0-1674463652987.png1366×768 132 KB

3

Hi @suyash1 ,

Nice your code is working for the alignment, but is there a way to reduce the font size?

4

@justauser - add this too, adjust as per the need

.collection-list-title {font-size: 14px;}
5

Nice, both them worked perfectly! Thank you so much!

btw is there anything can be done for this How to reduce the collections card heights extra space in the bottom? DAWN THEME - Shopify Community