Jump to content

css code for second logo

Recommended Posts

  • Replies 12
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.1715038783_Screenshot2022-09-30at09_30_06.thumb.png.fa6e89d8c02235f0ca9bb80065d7381d.png

Link to comment
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.1715038783_Screenshot2022-09-30at09_30_06.thumb.png.fa6e89d8c02235f0ca9bb80065d7381d.png

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

image.png.eba6367a1c28d5b188f385028abf449d.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.671594379_Screenshot2022-10-03at12_37_04.thumb.png.d28103a92e935d22fdae6e5fd7eb6de3.png

Link to comment

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
Link to comment
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.671594379_Screenshot2022-10-03at12_37_04.thumb.png.d28103a92e935d22fdae6e5fd7eb6de3.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

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.