How to change a link to a button | Summary block

Hi there!

I have added a Summary block to my home page to display the latest blogs. Currently it is showing the 'read more' as a link, but I would like that to display the link as a button (see attached image).

Does anyone have any code I could add to this page so the read more links display instead as buttons? ideally with an outline in #11394D colour if possible (although I'll settle with black)

Thanks in advance.

Smiles,

Jo

Hey Jo,

Use this:

.sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link {
  border: solid 1px #11394D;
  padding: 10px;
  width: 60%;
  text-align: center !important;
  margin-top: 30px !important;
  transition: 0.2s;
  
  &:hover {
    background: #11394D;
    color: white;
    transition: 0.2s;
  }
  
}

Thanks so much but sorry for sounding like a pleb but where should i put this code - when I add it to the page it doesnt work - should it be on the main css section?

19 hours ago, curlybirdie21 said:

Thanks so much but sorry for sounding like a pleb but where should i put this code - when I add it to the page it doesnt work - should it be on the main css section?

Add it to Design > Custom CSS

Thanks you so so much, now one last request, is there any way we can change the font in the Read More box to Bebas Neue CAPS? without the arrow (ideally).
Sam thank you so so much!
You are so flipping clever!

Thanks Sam!
So is this code to replace the code you sent me previously, or in addition to?
Smiles

Jo

4 hours ago, curlybirdie21 said:

Thanks Sam!
So is this code to replace the code you sent me previously, or in addition to?
Smiles

Jo

Hey Jo, this would be to entirely replace the code that I sent earlier 🙂

Okay fab thanks, Sam

I took a look at the plugin you suggested. I just need to see if the client is willing to pay for it!

Smiles,

Jo

I was facing the same issue, thank God I saw your post!

Finally I solved this issue😊

Thank you

Hey Sam...
So that code you sent me...
The Read More text doesn't look like Bebas Neue - see here (more like TNR - eek!)