Jump to content

Advanced CSS for header?

Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

7 minutes ago, lizindc79 said:

Site URL: https://www.etlicsw.com

Can someone help me with advanced css for non-linked headers? I would like to change the color of the non-link page headers (currently white so you can't see my logo) but I don't have experience in coding and am not sure how I find out the number of the color I want to use from my color palette.

Thank you!

Can you share some screenshot of the desired result you want to achieve? 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
16 hours ago, lizindc79 said:

https://www.etlicsw.com/privacy-policy

I would like, instead of the header to just be white, to be the same color as the footer or the color of the "Individual Therapy" section under "Services".

Thanks!

Edit Privacy Policty Page >> Add a Code Block at bottom of page >> Paste this code into Code Block

<style>
  header#header {
    background-color: #6b8373 !important;
}
</style>

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
17 hours ago, lizindc79 said:

You are incredible! That absolutely worked. Is there a way to get the "Welcome" page sections in white?

You mean Navigation items black to white or??

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
20 hours ago, lizindc79 said:

Yes, navigation items. White. 

Use this new code

<style>
  header#header {
    background-color: #6b8373 !important;
}
  .header-nav-item a {
    color: white !important;
}
</style>

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.