Any SVG experts able to help?

You need to find the source of the inline SVG. Replace it with the file’s content, or reference the file with an iframe or object tag.

FYI, we don’t allow DMs or off forum contact in these forums. It’s been abused by bad actors in the past. I’m sure you’re not one of those, but we all suffer the consequences by not being able to have nice things.

Hey @bcworkz!

Can you elaborate more please? I’ve amended it to the necessary specifications using inspect. This is the HTML I need:

<svg xmlns="https://www.w3.org/2000/svg" version="1.0" width=“50px" height=“50px" viewBox="0 0 300.000000 300.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
<path d="M880 2432 c-19 -25 -80 -101 -135 -167 -141 -171 -333 -408 -378 -466 l-37 -49 32 -77 c17 -43 34 -81 37 -85 6 -6 223 -58 371 -88 25 -6 115 -25 200 -45 85 -19 200 -44 255 -55 205 -41 261 -53 319 -67 32 -8 61 -12 64 -9 3 3 12 17 21 30 9 14 63 84 121 157 58 72 119 151 135 175 17 23 68 90 115 149 47 59 92 116 101 127 15 19 18 18 140 -50 68 -38 177 -101 242 -141 65 -39 120 -71 122 -71 1 0 9 24 15 53 7 28 22 76 33 106 16 45 17 55 6 63 -143 90 -303 187 -374 227 -49 27 -107 61 -127 74 -27 19 -74 33 -170 51 -73 15 -164 33 -203 41 -141 30 -231 47 -290 55 -57 8 -255 46 -468 90 -55 11 -102 20 -105 20 -4 0 -23 -22 -42 -48z m178 -11 c48 -11 103 -22 122 -25 19 -3 96 -17 170 -32 74 -14 275 -53 445 -86 263 -51 317 -64 358 -89 26 -16 49 -29 51 -29 3 0 26 -13 53 -29 26 -16 111 -67 189 -114 77 -46 151 -91 164 -100 l23 -16 -21 -72 c-12 -40 -24 -75 -27 -77 -3 -3 -66 31 -140 76 -74 45 -137 82 -141 82 -3 0 -44 23 -91 51 -98 60 -101 59 -165 -20 -53 -67 -178 -229 -198 -257 -65 -93 -255 -324 -267 -324 -8 0 -67 11 -131 24 -65 14 -162 34 -217 45 -98 20 -223 48 -595 130 -102 23 -194 45 -204 50 -11 4 -32 35 -47 71 l-27 64 28 41 c15 22 39 51 52 65 14 14 83 97 153 185 71 88 163 201 205 250 42 50 86 105 99 123 27 38 39 39 159 13z"/>
<path d="M2430 959 c-91 -38 -181 -74 -200 -80 -19 -7 -105 -41 -190 -76 -290 -121 -423 -173 -447 -173 -13 0 -98 18 -191 40 -92 22 -273 65 -402 96 -129 31 -271 65 -315 75 -44 11 -117 26 -161 34 -45 8 -89 17 -98 21 -14 5 -16 -2 -16 -50 0 -46 3 -56 17 -56 10 0 150 -32 312 -71 161 -39 355 -83 430 -99 75 -16 203 -45 285 -65 l148 -36 97 40 c53 22 159 65 236 95 137 54 381 154 440 181 17 7 68 27 115 44 115 42 112 39 108 98 l-3 50 -165 -68z m129 -16 c-6 -6 -34 -19 -62 -29 -46 -14 -121 -45 -222 -89 -29 -13 -262 -108 -537 -218 l-136 -55 -59 13 c-32 7 -139 31 -238 54 -99 23 -254 59 -345 80 -475 111 -520 123 -520 141 0 16 6 17 47 9 90 -17 198 -40 233 -49 19 -6 103 -26 185 -45 83 -20 195 -47 250 -60 200 -49 311 -75 380 -89 l70 -15 145 59 c80 32 206 84 280 115 74 31 160 65 190 75 30 11 118 46 195 78 93 39 142 56 147 49 4 -6 2 -17 -3 -24z"/>
</g>
</svg>

How exactly can I make it permanent though?

Thanks

• This reply was modified 3 years, 10 months ago by Steven Stern (sterndata).

The challenge is finding how the existing SVG came to be. Once found, it could be a matter of simply replacing one for the other. If you’re unable to find the source, I recommend asking for help through your theme’s dedicated support channel. Support staff there will be much more knowledgeable of the theme’s inner workings.

BTW, when you find the need to alter the code of themes that are subject to periodic updates, it’s strongly recommended you create a child theme to contain any custom work.

Thanks I managed to do it!