lesley1570048416 Posted February 13, 2018 Posted February 13, 2018 please help! is there a way to add a button instead of the 'read more' link in a summary block?
dimsk Posted February 14, 2018 Posted February 14, 2018 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; }
artpimpress Posted August 17, 2019 Posted August 17, 2019 Thank you. I was looking for this solution as well.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.