Changing color of READ MORE button for entries in Summary Grid

Site URL: https://thistimblevins.com

Hello, I am  designing with the Bedford template and am using a SUMMARY GRID on the front page to highlight my most recent blog posts.  The READ MORE button in each summary is a red bubble with white text and I would like to change the colors to match the main color scheme of my site.  Is there a CSS code I could try to change  both the bubble and the text fonts?  Thank you ahead of time for the help.

Hi, add this to the bottom of your Custom CSS:

.sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link {
  background: green;
  color: black;
}

Change the color as you wish.

Hope that helps.

Andrew
Square Ace

Hello Andrew, thank you for such a quick response.  I will give it a try and see what happens.  I am guessing that for the colors I can enter the three number formula (example for yellow: 58, 100%, 66%) for the specific shade(?). I'll check back in once I try it.

Hi, assuming those yellow values are HSL you'd need to do it like this:

background: ~'hsl(58,100%,66%)';

Thank you again for this code... it certainly worked!!