Is it possible to add a small logo to the footer on the forte, or any other, theme?

Similarly to the logo on the coming soon cover page, is there a way to add it to the footer as well? Just a small centered logo below a rights reserved bit of text?

Edit: I did it with spacers, but is there a better way?

@_Courtney you can use custom code to insert an image below text. Need site url to check code.

@tuanphan Hi, I know you've been helping me with the logo on the top as well. I hope this isn't asking too much from you.

While the spacers reduce the size of a logo in an image box, it only works on a desktop, which is why I would prefer to change the code. Here's the Link

@tuanphan Thanks for all the help!!

div#block-4d7b284ccdced9875689 p:after { content: ""; display: block; background-image: url(https://static1.squarespace.com/static/5d817ec…/t/5d81a0d…/1568776405451/LOGO-MAKERSMARK.png); background-size: contain; width: 50px; height: 50px; margin: 0 auto; margin-top: 40px; }

On 9/23/2019 at 5:27 AM, tuanphan said:

@_Courtney Add to Home > Design > Custom CSS

div#block-4d7b284ccdced9875689 p:after {
   content: "";
   display: block;
   background-image: url(https://static1.squarespace.com/static/5d817ec…/t/5d81a0d…/1568776405451/LOGO-MAKERSMARK.png);
   background-size: contain;
   width: 50px;
   height: 50px;
   margin: 0 auto;
   margin-top: 40px;
}

 

 

Hi, is it possible to add a link to the the image that was added in the footer?

Thank you!

41 minutes ago, rGRAYphotog said:

Hi, is it possible to add a link to the the image that was added in the footer?

Thank you!

You need to use JavaScript to do this. If you share link to your site, we can check easier.

Thank you - my website address is rgrayphotography.com (it's still migrating over from Photobiz, so it might not show the Squarespace site yet)

Hi there, 

I've managed to add the photos of my logos to my footer, but Squarespace seems to be adding an image overlay. How can I get rid of that overlay? (I can't seem to identify the div for the footer amidst all the other code 😅 )

I'd like to make some sizing adjustments to the logos in the footer as well. They're good on mobile, but would like them to cover 2/3 of the footer width on desktop. 

Thanks!
https://www.handford.com/

On 7/3/2020 at 8:56 PM, Handford said:

Hi there, 

I've managed to add the photos of my logos to my footer, but Squarespace seems to be adding an image overlay. How can I get rid of that overlay? (I can't seem to identify the div for the footer amidst all the other code 😅 )

I'd like to make some sizing adjustments to the logos in the footer as well. They're good on mobile, but would like them to cover 2/3 of the footer width on desktop. 

Thanks!
https://www.handford.com/

 

 

Add to Home > Design > Custom CSS

/* remove footer image overlay */
footer.sections .image-overlay {
    background-color: transparent !important;
}
/* Resize footer images mobile */
@media screen and (max-width:767px) {
/* image 1 */
div#page-section-5ee273ea28c5c843929e9b45 .span-12 .span-8 {
    width: 50% !important;
}
/* image 2 */
div#page-section-5ee27445ce37e12a1718a7e5 .span-12 .span-8 {
    width: 50% !important;
}
}

Thanks very much @tuanphan !!

@tuanphan thanks for sharing this code. How would I edit it so that the logo aligns to the left of the footer, rather than centre?

On 8/11/2020 at 3:07 AM, LucyB said:

@tuanphan thanks for sharing this code. How would I edit it so that the logo aligns to the left of the footer, rather than centre?

Can you share site url? We can check easier.

hi @tuanphan how would i be able to do this on my website?

https://angelicguidance.life/

thanks@

4 hours ago, Rukmani said:

hi @tuanphan how would i be able to do this on my website?

https://angelicguidance.life/

thanks@

Add to Home > Design > Custom CSS

div#siteInfo:before {
   content: "";
   display: block;
   background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
   background-size: contain;
   width: 50px;
   height: 50px;
   margin: 0 auto;
   margin-bottom: 40px;
}

Hi @tuanphan, 

Would it be possible to add a small logo (like a label) on the top right margin of my website? This should be shown in all the pages of the web. 

My web is this https://www.carlosjimenezdesign.com/home

And the image to show is this one https://images.squarespace-cdn.com/content/561cfb9ee4b0f3820b13eb56/1598374441278-N3QB36ZX1903LWP72F58/Sello-FSWD_2.png?content-type=image%2Fpng

I've been trying to figure out how I could modify the css code using what you already used in this thread, but I was not able to make it work...

I'm looking forward to hearing from you. Thank you very much in advance. 

13 hours ago, CarlosJimenez said:

Hi @tuanphan, 

Would it be possible to add a small logo (like a label) on the top right margin of my website? This should be shown in all the pages of the web. 

My web is this https://www.carlosjimenezdesign.com/home

And the image to show is this one https://images.squarespace-cdn.com/content/561cfb9ee4b0f3820b13eb56/1598374441278-N3QB36ZX1903LWP72F58/Sello-FSWD_2.png?content-type=image%2Fpng

I've been trying to figure out how I could modify the css code using what you already used in this thread, but I was not able to make it work...

I'm looking forward to hearing from you. Thank you very much in advance. 

Can you send a simple mockup? and which plan do you use? (Personal or Business)

2 hours ago, tuanphan said:

Can you send a simple mockup? and which plan do you use? (Personal or Business)

Hi @tuanphan

Thanks for your answer. The plan is Personal. and here I attach a quick mockup. The label should be on the right margin. It could be fixed so when scrolling down it will stay on top. And it would be great if it could appear always, no matter in which page you are. 

3 hours ago, CarlosJimenez said:

Hi @tuanphan

Thanks for your answer. The plan is Personal. and here I attach a quick mockup. The label should be on the right margin. It could be fixed so when scrolling down it will stay on top. And it would be great if it could appear always, no matter in which page you are. 

In Footer > Add Code Block > Paste this code > Then let me know. I will give the code to move image to top right

<img src="https://images.squarespace-cdn.com/content/561cfb9ee4b0f3820b13eb56/1598374441278-N3QB36ZX1903LWP72F58/Sello-FSWD_2.png" width="50%"/>

11 minutes ago, tuanphan said:

In Footer > Add Code Block > Paste this code > Then let me know. I will give the code to move image to top right

<img src="https://images.squarespace-cdn.com/content/561cfb9ee4b0f3820b13eb56/1598374441278-N3QB36ZX1903LWP72F58/Sello-FSWD_2.png" width="50%"/>

 

Hi again @tuanphan

Thank you very much for your help. I just did what you said. Now the image is quite big, but I guess I can upload it smaller and place the new link... However, as you said, I still need to place it in the right place.

thank you very much in advance 🙂

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1598449969616_5311 img {
    position: fixed;
    top: 20%;
    right: 0;
    width: 50px;
}

9 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1598449969616_5311 img {
    position: fixed;
    top: 20%;
    right: 0;
    width: 50px;
}

 

Thank you very much @tuanphan! It works great 🙂

Do you think it could be possible to make this label scale down when viewed on the mobile version? It's fine if it is too dificult... but just in case. 

Thank you very much for your time and help. Best regards!

Hello @tuanphan! Looking for help to add a logo to my footer, in between contact info and a rights statement. Having a hard time getting the logo to populate. Possible to take a look? Thank you!

On 8/27/2020 at 7:30 PM, CarlosJimenez said:

Thank you very much @tuanphan! It works great 🙂

Do you think it could be possible to make this label scale down when viewed on the mobile version? It's fine if it is too dificult... but just in case. 

Thank you very much for your time and help. Best regards!

This code for Mobile

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1598449969616_5311 img {
	width: 20px !important;
}
}