add button to summary block

please help!

is there a way to add a button instead of the 'read more' link in a summary block?

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;
}

Thank you. I was looking for this solution as well.