How do I add a colored line under the text?

[Chicha7272]

Hey, I need some help with putting a colored line under the text. See images below to get what I mean

Here’s what I have:

Here’s what I want:

(The text that I want this line to be under is located on the homepage)

My store URL is:https://trivlen.com/

[Dan-From-Ryviu]

Hi @Chicha7272

You can do that by adding this code at the bottom of your base.css file

.collection__title h2 strong { border-bottom: 5px solid #ffac33; }

[Made4uo-Ribe]

Hi @Chicha7272

Check this one.

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Edit code”.
• In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.collection.section-template--20103583957316__featured_collection-padding h2 strong {
    border-bottom:5px solid red;
    padding-bottom: 5px; 
}

• And Save.

• Result:

• 

• Note: You cna change the color you like.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[Chicha7272]

Thanks a lot, mate. But let me clarify something real quick. Is there any code I can add to the one you’ve just given me to add extra space under this colored line? I mean to add extra space here:

[Made4uo-Ribe]

Yep, sure. Same Instruction.

.page-width-desktop {
    padding-top: 1rem;
}

And Save.

Result:

You can adjust the size.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!