Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
lesley1570048416

add button to summary block

Question

2 answers to this question

Recommended Posts

  • 0

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



Edited by DMK

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...