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);
}