How can I code donate buttons onto a page?

Technical Q&A
1

Hi all,

Could use some help coding three donate buttons onto this page above/below each of the status bars. I was able to code those without an issue. Looking to code clickable “Donate” buttons (Donate written in the box in white Montserrat font) that look similar to the others on our website (see attached image for reference of button sizing) and leads to this URL, https://www.canadahelps.org/en/dn/61297. Our theme is Narrative.

Any help would be greatly appreciated!

Iris the Dragon

Screen Shot 2021-06-09 at 5.55.47 PM.png
Screen Shot 2021-06-09 at 5.55.47 PM.png2844×870 290 KB

2

Hi @IrisTheDragon ,

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.

  • Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.dollartimes-pb .btn{

font-family: Montserrat,sans-serif !important;

}