Edit Underline

Do you have any recent code which will help me move the underlines away from the base of the text a bit more than the standard, the code I found in the archive didn't seem to work?

Can you share your website URL and an example on your website of the underline you want to change?

Here you go. I want to move them away from the header a tad:

https://www.studionh.co.uk/about

Are you referring to Services text? Have you added an underline in the text editor for that?

That's correct

Have you tried the highlight feature that also includes an underline with more ability to adjust it than the blog standard underline?

That is how I have underlined it, but I need it to be further down and away from the 'Services' heading

On 9/27/2023 at 3:34 PM, maboli said:

That is how I have underlined it, but I need it to be further down and away from the 'Services' heading

You mean add a space between heading services - its underline?

I want to move the line down and away from the heading, and also make it line up with the ends of the text. Like the image attached.

On 10/4/2023 at 10:25 PM, maboli said:

I want to move the line down and away from the heading, and also make it line up with the ends of the text. Like the image attached.

I don't know how to edit highlight underline, but you can remove it, then I can give new code to add same underline + add a space

Yes please, let me know what I need to do?

Amazing, thank you!

Another thing I want to do is change the curser so it is black on the home page and white on the about page, is this possible? It's currently yellow.

On 10/12/2023 at 6:38 PM, maboli said:

Another thing I want to do is change the curser so it is black on the home page and white on the about page, is this possible? It's currently yellow.

Which code did you use to create custom cursor?

/* Custom cursor for body */
body{
margin: 1 !important;
height:10vh !important;

cursor: 
url(https://static1.squarespace.com/static/64ccd643dc2e184db19787e5/t/6526ac92220a0359e270d815/1697033362843/Curser_Yellow.png), auto 
!important;
}
/* Different Cursor on hover */
a:hover{
cursor: 
url(https://static1.squarespace.com/static/64ccd643dc2e184db19787e5/t/6526ac92220a0359e270d815/1697033362843/Curser_Yellow.png), auto
!important;
}

Add this code. Replace with black cursor image

body.homepage *{
cursor: 
url(enter your black cursor image url here), auto
!important;
}

With About page, use this, replace with white cursor image

body#collection-64ccd813d8f9701a999d5555 *{
cursor: 
url(enter your white cursor image url here), auto
!important;
}

Great, thank you!