To add Patreon icon to Header Social, Social Links Block, you can do these
#1. First, edit Header Social or Social Links > Enter Patreon URL.
It will show as generic link icon.
#2. Use this code to Code Injection > Header (or add it via Code Block in Site Footer, if your plan doesn’t support Injection)
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
#3. Use this code to Custom CSS box
If code doesn’t work, you can comment below, message or email me.
a[href*="patreon.com"].sqs-svg-icon--wrapper, a[href*="patreon.com"].header-icon {
svg {
display: none;
}
&::before {
content: "\f3d9";
font-family: "Font Awesome 6 Brands";
color: #f0793f;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
}}
#4. Result