thepemberleycreative Posted October 20, 2023 Posted October 20, 2023 Hi Everyone...I could use some help with code injection. I have paid for a subscription on a directory website and was told that my listing will rank higher in the directory if I add their badge to my website. However, when I use the code they provided me to add the badge to my footer, it shows up as a HUGE image. Is there a way to adjust the code to make this appear smaller? I could definitely add this as an image like the other badge I have on my page, but I was hoping to get the boost in the directory by adding the code. I have very little code experience so any help is appreciated!
FluffCreativeStudio Posted October 20, 2023 Posted October 20, 2023 (edited) @thepemberleycreative can you please post the code for us to take a look? thank you! Edited October 20, 2023 by FluffCreativeStudio
thepemberleycreative Posted October 20, 2023 Author Posted October 20, 2023 4 minutes ago, thepemberleycreative said: Hi Everyone...I could use some help with code injection. I have paid for a subscription on a directory website and was told that my listing will rank higher in the directory if I add their badge to my website. However, when I use the code they provided me to add the badge to my footer, it shows up as a HUGE image. Is there a way to adjust the code to make this appear smaller? I could definitely add this as an image like the other badge I have on my page, but I was hoping to get the boost in the directory by adding the code. I have very little code experience so any help is appreciated! this is the code I was given from the directory website: <a href="https://devotedcolumbus.com/wedding-directory/602/"> <img src="https://devotedcolumbus.com/badge/602/" alt="View our listing on Devoted Columbus" > </a>
thepemberleycreative Posted October 20, 2023 Author Posted October 20, 2023 And this is how I entered it in the code injection section on my site FluffCreativeStudio 1
Solution FluffCreativeStudio Posted October 20, 2023 Solution Posted October 20, 2023 (edited) @thepemberleycreative Hey there! So you can add something called "Inline CSS" which is basically just a little style to your line of code. Add something like this: <a href="https://devotedcolumbus.com/wedding-directory/602/"> <img src="https://devotedcolumbus.com/badge/602/" alt="View our listing on Devoted Columbus" width="15%" height="auto"> </a> You can play around with using a percentage or a pixel (width="50px") till you get the desired result. Hope that helps! Edited October 20, 2023 by FluffCreativeStudio tagging
thepemberleycreative Posted October 21, 2023 Author Posted October 21, 2023 that's perfect! thank you so much!! FluffCreativeStudio 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment