Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
_Courtney

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

Question

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?

Edited by _Courtney

Share this post


Link to post

Recommended Posts

  • 0

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


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@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

Share this post


Link to post
  • 0

@_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;
}



You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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!

Share this post


Link to post
  • 0
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.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
Posted (edited)

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/

 

 

Edited by Handford

Share this post


Link to post
  • 0
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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
Posted (edited)

@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?

Edited by LucyB

Share this post


Link to post
  • 0
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.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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. 

Share this post


Link to post
  • 0
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)


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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. 

mockup.thumb.jpg.59d68c1c27da2da8ffa141dcbde6ef36.jpg

Share this post


Link to post
  • 0
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%"/>

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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 🙂

Share this post


Link to post
  • 1

Add to Home > Design > Custom CSS

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

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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!

Share this post


Link to post
  • 0

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!

Share this post


Link to post
  • 0
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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
12 hours ago, CeceliaFoley said:

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!

Can you share site url? I can check easier.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...