Jump to content

Blog "Read More" change help w code

Recommended Posts

Hello,

best I can get is this code:

a.blog-more-link {
    visibility: hidden;
}
a.blog-more-link:before {
    content: "Continue";
    visibility: visible;
}
.blog-more-link:after {
    visibility: visible;
}

but the extended underline is obviously a problem. I can remove the line completely, made it read on hover for fun -  but I know my client won't like that. They'll want a normal line that fits the word.

I've tried other codes associated with this issue on a different post and none of them worked, this is as close it came to looking right. but the line going way off the en dis not a good look. Help?

https://www.lindasirow.art/blog

 

Link to comment
  • Replies 2
  • Views 330
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

sorry my client made me remove the change because they didn't like the line.

it did this - Continued______  <that weird extra space with underline won't go away with the code above. 

I found some Injections for the footer in another post but they did absolutely nothing, posts were from like 2022. 

Link to comment

Use this CSS code instead

a.blog-more-link {
    visibility: hidden;
}
a.blog-more-link:before {
    content: "Continue";
    visibility: visible;
    border-bottom: 1px solid currentColor;
}
.blog-more-link:after {
    visibility: visible;
    display: none;
}

image.png.33cd782a6932cb67f495e1ef94eac32f.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.