Jump to content

how do i add an image to my site at the bottom of the fotter like a logo?

Recommended Posts

  • Replies 10
  • Views 1.2k
  • Created
  • Last Reply
7 hours ago, Luke_Chitt said:

i want to add this image to the bottom of my page in the center to show that I am accredited, how do i do this so it shows as a small logo not a large image?  

CIAT Chartered Practice (small web).jpg

What is your site url? We can do this using custom css

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 hour ago, Luke_Chitt said:

its not a live site yet. but the url is www.puzzlearchitecture.co.uk

 

You can enable site-wide password so we can have a look

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
13 hours ago, Luke_Chitt said:

add it in the center under the the footer, quite small

Add to Design > Custom CSS. Replace with your image url

/* Footer img */
footer.sections:after {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(https://cdn.pixabay.com/photo/2018/03/11/14/09/eggs-3216877__340.jpg) !important;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

image.thumb.png.3ae51d1cc00f482194c3efba8bb6e476.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Alternately you could do this in the SS interface.

Add a line below your footer current blocks and then build up new blocks something like to following.

2008246717_ScreenShot2021-04-07at5_19_59PM.thumb.png.0c546bdea985c246743005edf9ee4461.png

Then remove the line block. I often use a line block to help me place other blocks on the right row.

You can even add a new section to the footer and then add the blocks there.

1576008586_ScreenShot2021-04-07at5_30_11PM.thumb.png.9a513488296e615754c467feaa8e8aee.png

If you go this route, let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

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.