Jump to content

Logo beside my name / site title?

Recommended Posts

Posted

Site URL: http://www.grahamwhat.com

Hi,

My original post got deleted accidentally. I would like to include BOTH my logo and my site title is this possible? If so, how do I go about it? When I add my logo my site title disappears. I like both for SEO and just the overall look.

Regards,

Graham

  • Replies 9
  • Views 1.2k
  • Created
  • Last Reply
Posted
56 minutes ago, Grahamwhat said:

Site URL: http://www.grahamwhat.com

Hi,

My original post got deleted accidentally. I would like to include BOTH my logo and my site title is this possible? If so, how do I go about it? When I add my logo my site title disappears. I like both for SEO and just the overall look.

Regards,

Graham

Try this custom css

.header-title-text {
  margin-left: 50px;
}
.header-title-text:after {
  content: '';
  background: url(https://logosbynick.com/wp-content/uploads/2018/10/finished-logo.png);
  width: 40px;
  height: 40px;
  position: absolute;
  background-size: cover;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

replace your logo url accordingly

 

image.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
58 minutes ago, Grahamwhat said:

Hi that's so great thank you! How do I create a URL for my logo? Sorry this is all new to me:)

Check Design Custom Css - Manages files

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

That worked! Thank you! 

One last question, is there a way to have the logo and the site title / etc. start on the left margin so it lines up with the left margin of the photos? Currently is indented about a centimeter or so.

Thanks again, you've been a great help! 

Posted

Is there a way to have the logo and the site title / etc. start on the left margin so it lines up with the left margin of the photos? Currently is indented about a centimeter or so.

Thanks again, you've been a great help! 

Posted

Is there a way to have the logo and the site title / etc. start on the left margin so it lines up with the left margin of the photos? Currently is indented about a centimeter or so.

Thanks again, you've been a great help! 

Posted

Also instead of a png file can I use a svg file? 

I also noticed that when scrolling the logo covers part of the photo, it is not scrolling like the site title.

 

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.