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