css code for second logo

Site URL: https://calliope-calliope-fw7w.squarespace.com/config/help

Hi  I'm pretty new to css coding. I have changed fonts but am trying to add in a second logo to the left of my header as well as having one far right, does anyone have css code to be able to do this?

It should be possible to add another element to the header. Could you set your website to password protected and share the password here so that the website can be viewed? Thanks!

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

Hi Thank you any help appreciated.

https://blue-sturgeon-n6mf.squarespace.com/config/

Pr0ject1!SF

16 hours ago, JLC said:

Hi Thank you any help appreciated.

https://blue-sturgeon-n6mf.squarespace.com/config/

Pr0ject1!SF

 

Second logo is image only or clickable image?

https://blue-sturgeon-n6mf.squarespace.com/?noredirect

Hi Ziggy its an image only. 

Its actually the image I've put to the top of the shop front image on the home page. Four shapes in a row in black.  I've never changed a header before it just needs to sit far left. As on image on file.

22 hours ago, JLC said:

Hi Ziggy its an image only. 

Its actually the image I've put to the top of the shop front image on the home page. Four shapes in a row in black.  I've never changed a header before it just needs to sit far left. As on image on file.

Add to Design > Custom CSS

.header-title-nav-wrapper:before {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/6334124b70b8ae36a9ed710c/283dcf0b-82f1-40b7-9b58-62316e2b0ced/Split-Figs-Assets-11.png?format=300w);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 50px;
}

Oh thats so helpful thanks. to change position do I just need to change code background-position to where ever I want it?

Thanks again

Sorry more questions can I push it right to the left side after everything? I've got it this far see iage? Also how do I then change its colour? would I need to paste in the url for the new image?

Thanks feel like I'm finally understanding all this coding stuff.

I've tried to paste the new image details in to change colour but no luck changing it? Any tips

Yay I have managed to change the colour but only on this site. This is a copy site of a slightly different design. Which bit of the code do I need to change to change the colour on a different site? I've worked out to put the image code in but I'm presuming this bit needs to be changed depending on the site but I can't work it out.

images.squarespace-cdn.com/content/v1/6334124b70b8ae36a9ed710c

20 hours ago, JLC said:

Sorry more questions can I push it right to the left side after everything? I've got it this far see iage? Also how do I then change its colour? would I need to paste in the url for the new image?

Thanks feel like I'm finally understanding all this coding stuff.

You want to change it to after nav?

Use this code

nav.header-nav-list:after {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/6334124b70b8ae36a9ed710c/283dcf0b-82f1-40b7-9b58-62316e2b0ced/Split-Figs-Assets-11.png?format=300w);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 50px;
}
nav {
    flex-wrap: nowrap;
    align-items: center;
}

Code for this site: https://blue-sturgeon-n6mf.squarespace.com/?noredirect

To change color, change image url with new image url

No I need it far left after the basket. The image is where I had managed to get to as I had coded in after myself.  I managed to change the colour on the old site but I can't work out how to change it on the new site I'm working on, when I change the url it works on the old site but not his one. This is the actual site I'm now working on now and log in code. 

https://calliope-calliope-fw7w.squarespace.com/config/design/custom-css

Pr0ject2!sf

Is it ok to keep asking coding questions on here? I'd love to work with someone who could just write code when I need it.

On 10/4/2022 at 3:36 PM, JLC said:

No I need it far left after the basket. The image is where I had managed to get to as I had coded in after myself.  I managed to change the colour on the old site but I can't work out how to change it on the new site I'm working on, when I change the url it works on the old site but not his one. This is the actual site I'm now working on now and log in code. 

https://calliope-calliope-fw7w.squarespace.com/config/design/custom-css

Pr0ject2!sf

Is it ok to keep asking coding questions on here? I'd love to work with someone who could just write code when I need it.

#1. Use this code

nav.header-nav-list:after {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/6334124b70b8ae36a9ed710c/283dcf0b-82f1-40b7-9b58-62316e2b0ced/Split-Figs-Assets-11.png?format=300w);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 50px;
}
nav {
    flex-wrap: nowrap !important;
    align-items: center;
}

Replace with new color image url

#2. Yes. If you have any other questions, you can also post here