Underline page title

Site URL: https://www.bbarinaga.com/bap

site url: https://www.bbarinaga.com/bap

password: 1234

Hi! 

I wonder if someone can help me.

I'm trying to underline the title pages on my web. However, I'm struggling with width. I tried setting it to a %, but it varies depending on the word (obviously).

Is there a way to set the line to the width of the text?

Please see screenshot: I want the yellow line to appear only under the title.

Thank you!

3 hours ago, bbarinaga said:

Site URL: https://www.bbarinaga.com/bap

site url: https://www.bbarinaga.com/bap

password: 1234

 

Hi! 

I wonder if someone can help me.

I'm trying to underline the title pages on my web. However, I'm struggling with width. I tried setting it to a %, but it varies depending on the word (obviously).

Is there a way to set the line to the width of the text?

Please see screenshot: I want the yellow line to appear only under the title.

Thank you!

 

 

There’s an easy way to do this! Let me test a code real quick.

12 minutes ago, inunzi said:

There’s an easy way to do this! Let me test a code real quick.

Ok if your on sqaurespace 7.1 this will work but im not sure if it will work on 7.0. So, creat a code block and then type in this code below, into your code block and you can customize it however you want! If you have any questions please let me know and, also if you would like to change the underline color, I can give you the code for that too if you would like 😁!

<CENTER> <h5>
         <p><u>Test Title</u></p>
</body>
</html>

Remove your code & add this CSS

h1.page-title span {
    border-bottom: 4px solid red;
}

Thank you so much, @inunzi. I'm using 7.0, but I appreciate your help 🙂

Thank you, @tuanphan, works perfectly.

4 hours ago, bbarinaga said:

Thank you so much, @inunzi. I'm using 7.0, but I appreciate your help 🙂

Thank you, @tuanphan, works perfectly.

I’m sorry I didn’t look at your site so I didn’t see if it was a 7.0 or 7.1 . But tuan helped you though, so it’s not an issue now👍.