Jump to content

add outline, almost like a button to "read more" text on blog

Go to solution Solved by Lesum,

Recommended Posts

  • Replies 3
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution

@blackcat2226 You can try this code snippet:

.tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container .blog-more-link {
	border: 1px solid #155ac1;
	padding-top: 0.4rem !important;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	margin-top: 10px !important;
}
.tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container .blog-more-link:hover {
	background-color: #155ac1;
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

Sure. Here's the updated code:

.tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container .blog-more-link {
	border: 1px solid #ffacec;
	background-color: #ffacec;
	color: #155ac1 !important;
	padding-top: 0.4rem !important;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	margin-top: 10px !important;
}
.tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container .blog-more-link:hover {
	border: 1px solid #FF954D;
	background-color: #FF954D;
	color: #155ac1 !important;
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.