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

add button to summary block


lesley1570048416
Go to solution Solved by dimsk,

Question

  • Answers 2
  • Created
  • Last Reply

Top Posters For This 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
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...