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

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


_Courtney

Question

Recommended Posts

  • 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;
}


Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

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

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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