How can I underline page titles in the Dawn theme?

[ChicBotique1]

Hello everyone,

i would like to know how can i set every page-title like this :

will have an underline like this :

Link to my website:

Https://ChicBotique.co.il

Thanks in advance.

[webwondersco]

@ChicBotique1 Please add the below line of CSS code at the end of your base.css file.

.collection-hero__title{
    padding-bottom:30px;
    border-bottom:1px solid #ddd;
}

Result:

[ChicBotique1]

@webwondersco thank you very much,

the only problem is that the underline doesn’t go all the way in the page :

can you help extend it all the way ?

[webwondersco]

@ChicBotique1 Please add below line of CSS as well.

.collection-hero__inner.page-width {
    max-width: 100%;
    padding: 0;
}

[ChicBotique1]

works great

thank you!