Jump to content

I need to fix the code that changes my logo on the homepage only

Go to solution Solved by tuanphan,

Recommended Posts

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

So through searching these forums i found the code to do what i wanted, I have a black logo with a transparent background that i needed to be white on the homepage. I had that working but i changed something and now the logo is only working on the hopepage and is missing, or white and therefore can't be seen, on other pages. posted is all the codes on my page. thank you.

 

.desc-wrapper { margin: 0!important; text-align: left!important;}
/* change header nav active style */

#collection-6169c51af7d7ff722eac7f83 {
	header:not(.shrink) .header-nav-wrapper a {
  		color: #fff !important;
	}
	header:not(.shrink) .header-title-logo img {
  		filter: brightness(0) invert(1);
	}
	header:not(.shrink)  .header-nav-folder-content {
    		background-color: transparent !important;
	}
}
#back-to-top{position:fixed!important; bottom:0!important;  left:0!important; z-index:1!important; opacity:.6}


body:not(.button-style-default).button-corner-style-square .sqs-editable-button {
  background-color: #ffd000;
  color: #ffffff;  
  font-size: 22px;
}
.header-nav-item--active a {
  font-weight: bold !important;
    background: none !important;
    text-decoration: underline !important;
}
/* nav hover */
.header-nav-item>a:hover {
    
	font-weight: bold !important;
}
body:not(.homepage) .header-title-logo {
    filter: invert(1);
}

 

Link to comment
  • Solution

To make logo black on other pages, don't remove any code in your current code

Add this to Design > Custom CSS

body:not(.homepage) header#header img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

 

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.