A Collection of Helpful Custom CSS Queries

A general repository for Custom CSS queries.

Change the Text Content of Recurring Options

.GF-RecurringOptions__button{
font-size:0pt;
}

.GF-RecurringOptions__button:nth-child(1):before{
font-size:12pt;
content:"custom text one";
}

.GF-RecurringOptions__button:nth-child(2):before{
font-size:12pt;
content:"custom text two";
}

Hide the Giving Form Header

.GF-Header{
display:none;
}

Adjust the Recaptcha Badge for Mobile Screens

Solves the issue that causes the footer to be obscured by the Recaptcha badge.

@media (max-width: 400px) {
.grecaptcha-badge{
opacity:50%;
}
}

Adjust the Size of the Giving Form Header Text

/*main header*/
.GF-Header__title{
    font-size:36pt;
}

/*header subtiitle*/
.GF-Header__subtitle{
    font-weight:900;
}

Remove White Corners on Giving Form

body{
background-color:rgba(0,0,0,0);
}