Jump to content

Resizing Image in Code Block with CSS

Recommended Posts

Site URL: https://parrot-coconut-lrey.squarespace.com/

Hey there, 

 

I'm looking to display a logo at a specific size in my footer, however when I have resized it outside of Squarespace it keeps on showing up blurry so I'm looking for a workaround with a JPG which is crisp but too big.

 

I have inserted a HTML Code Block in the footer with the following code: 

<a href="www.artscouncil.org.uk" class="arts-council-logo"><img src="https://static1.squarespace.com/static/6036247f4f16d770dff790e6/t/603683bfc100495c1d604681/1614185408740/lottery_Logo_Black+RGB.jpg" alt="Arts Council Logo"/></a>

And I have used the following CSS, but it has not effected the image at all.

.arts-council-logo {
  height: 70px;
  width: 100%;
}

Might be being really stupid here but I appreciate the time anyone takes to respond 🙂

Link to comment
  • Replies 2
  • Views 550
  • Created
  • Last Reply
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.