Jump to content

add button to summary block

Recommended Posts

  • Replies 2
  • Views 3k
  • Created
  • Last Reply
Posted

Hey @lesley

I'd say the easiest would be to use CSS to style the Read More link in that way.

For example something like:


.summary-read-more-link{

 background-color: #000;
 color: #fff;
 width: 40%;
 border-radius: 4px;
 padding: 5px;
}
.summary-read-more-link:hover{
 opacity: 0.7;
}

Hope that helps!

Edit: was just thinking after since the layouts vary so much, you may want to be specific to blocks the classes are:

.summary-block-setting-design-carousel - Carousel layout.summary-block-setting-design-autogrid - Grid layout.summary-block-setting-design-list - List Layout.summary-block-setting-design-autocolumns - Wall layout

You can then add these at the from of the code to only effect for example the list layout:


.summary-block-setting-design-list .summary-read-more-link{

 background-color: #000;
 color: #fff;
 width: 15% !important;
 border-radius: 4px;
 padding: 5px;
}
.summary-block-setting-design-list .summary-read-more-link:hover{
 opacity: 0.7;
}



  • 1 year later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.