Giving Tuesday Banner Heart Walk Foundation Just Giving

by Nina | Nov 21, 2019 | Divi

Table of Contents

Where to Update

Theme Options>Header
footer.php file (this only needs to be changed for the URLs in use for the buttons)

Footer.php

Standard link https://interland3.donorperfect.net/weblink/weblink.aspx?name=E193448&id=3
Tribal store link for Just Giving Tuesday https://www.tribalstore.org/double-your-donation-on-giving-tuesday/
Standard link for non-US residents https://www.tribalstore.org/donate-to-help-qero-communities/
the Just Giving link changes every year!!

Standard Code

Copy/paste this to unpublish the Just Giving banner

<span style=”display:inline-block;font-size: 20px; margin: 20px; 30px; 15px; 0px;”>Partner with us to protect the future of the ethnic Q’ero people</span> <div class=”fusion-button-wrapper”>
<style type=”text/css” scoped=”scoped”>
.fusion-button.button-1 .fusion-button-text, .fusion-button.button-1 i {color:#ffffff;}
.fusion-button.button-1 {border-width:0px;border-color:#ffffff;}
.fusion-button.button-1 .fusion-button-icon-divider{border-color:#ffffff;}
.fusion-button.button-1:hover .fusion-button-text, .fusion-button.button-1:hover i,
.fusion-button.button-1:focus .fusion-button-text, .fusion-button.button-1:focus i,
.fusion-button.button-1:active .fusion-button-text, .fusion-button.button-1:active{color:#fff;}
.fusion-button.button-1:hover, .fusion-button.button-1:focus,
.fusion-button.button-1:active{border-width:0px;border-color:#fff;}
.fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:hover .fusion-button-icon-divider,
.fusion-button.button-1:active .fusion-button-icon-divider{border-color:#fff;}
.fusion-button.button-1{background: #ee1686;
background-image: -webkit-gradient( linear, left bottom, left top, from( #f33575 ), to( #ee1686 ) );
background-image: -webkit-linear-gradient( bottom, #f33575, #ee1686 );
background-image: -moz-linear-gradient( bottom, #f33575, #ee1686 );
background-image: -o-linear-gradient( bottom, #f33575, #ee1686 );
background-image: linear-gradient( to top, #f33575, #ee1686 );}
.fusion-button.button-1:hover,.button-1:focus,.fusion-button.button-1:active{background: #bb2b5b;}
.fusion-button.button-1{width:auto;}
</style>
<a class=”fusion-button button-flat fusion-button-round button-large button-custom button-1″ target=”_blank” rel=”noopener noreferrer” data-toggle=”modal” data-target=”.fusion-modal.donate_now_non_us_resident”>
<span class=”fusion-button-text”>DONATE NOW</span>
</a>
</div>

Giving Tuesday Banner Code

CSS Settings

Avada Options > Custom CSS

/* just giving banner*/

.fusion-header-content-3-wrapper {max-width:800px; margin:0 auto;}

Header Settings

Location

Avada Options > Header Content

Code

<span style=”display: block;text-align: center;font-size: 30px;
line-height: 1;color:#A9424E; font-weight:bold; “>HELP Q’ERO FAMILIES</span>
<span style=”display: block;font-size: 18px;font-weight: normal;color: #747474;text-align: center; “> <span style=”
color: #333366; font-weight: bold;”>Donate</span> to help raise cuyes for nutrition and economic opportunities.</span>

<a id=”justgivingbutton” class=”fusion-button button-flat fusion-button-round button-large button-custom button-1″ target=”_blank” rel=”noopener noreferrer” data-toggle=”modal” data-target=”.fusion-modal.donate_now_non_us_resident” style=”
margin-top: 13px;background: #A9424E;”>
<span class=”fusion-button-text” style=”color:#ffffff”>DONATE NOW</span>
</a>
</div>
</div>

Problems with copy/pasting code

Speech marks aren’t copy/pasted correctly so do a find and replace in code editor when copying above code.