Is the logo on your Squarespace website perfect for every page, except one?! Then I’ve got good news for you - this tutorial will teach you how to fix it with CSS! 🙌
If you use an image for your site logo, I’ll teach you how to upload an alternative, and how to use custom code to replace the logo on specific pages.
To grab the entire code with the STYLE brackets that I can't include in a youtube description, visit this blog post: insidethesquare.co/squarespac...
- - -
If this is your first time using CSS for Squarespace, awesome!! 🥳 I have a lot more to teach you. Check out my free class on basic CSS for Squarespace here: insidethesquare.co/learn
- - -
→ First, you’ll need to upload the image.
→ Click on Website, then Website Tools, then custom CSS.
→ Click on Custom Files & upload your alternative logo image file here.
→ Paste the code below into your Custom CSS.
→ Replace the placeholder text with the URL for your image. If it doesn't happen automatically, click on the image in your custom files dropdown.
→ Cut that text out of your CSS; you’ll need it, but not there!
→ Navigate to the page you want this alternative logo to be on.
→ If you’re using a business or commerce plan for your Squarespace website, click on the gear icon to access your Page Settings, and then click on Advanced.
→ If you’re using a personal plan, click on Edit to edit the page, and add a code block to the first page section. Pro tip: Make sure you are editing the page, and not working in the footer!
→ Update this code below to contain the URL for your image. To grab the entire code with the STYLE brackets that I can't include in a youtube description, visit this blog post: insidethesquare.co/squarespac...
.header-title{
background-image:url('image-url-here');
background-size: contain
}
.header-title img{
opacity:0
}
- - -
❤️ Like this tutorial? Buy me a coffee to say thanks! ☕ buymeacoffee.com/insidethesquare
- - -
📑 Get access to my collection of CSS codes for Squarespace at insidethesquare.co/css
- - -
🙋 Need some help? Visit insidethesquare.co/code-help to see my current support options.
- - -
💻 WEBSITE → insidethesquare.co
📧 NEWSLETTER → insidethesquare.co/email
🤳 INSTAGRAM → / thinkinsidethesquare
👍 FACEBOOK → / insidethesquare
📌 PINTEREST → / insidethesquare
- - -
💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸 Use my affiliate link and code INSIDE10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎 🔗 INSIDE10 → insidethesquare.co/inside10
- - -
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥
6 авг 2024
