Jump to content
Go to solution Solved by FluffCreativeStudio,

Recommended Posts

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!

Screenshot (216).png

Link to comment
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!

Screenshot (216).png

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>

Link to comment
  • Solution

@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 by FluffCreativeStudio
tagging
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.