Code for displaying logos messes up the possibility to change colors in the theme editior.

The code I have used is to make logos black and white and show color on hover. But I got the feeling that there is something wrong with this code. Help would be greatly appriciated. 

 

.section-border{opacity:0!important;}
.page-section, .section-background{background:transparent!important;}
.site-wrapper{background: linear-gradient(220deg, #CEC3FF, #cec3ff 10%, #ffffff 50%)!important;}


.list-item-content {  margin-top:-58%;  background:linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 25%, 75%);   padding: 1rem;  transition: all 0.5s;  z-index:99;  opacity:0}

.list-item:hover .list-item-content { transition: all 1s; opacity:1}.list-item-content *{color:#FFF!important}

.list-item-media {transition: all 1s;filter:grayscale(1);}.list-item:hover  .list-item-media {transition: all 1s;filter:grayscale(0)!important;}

@media only screen and(max-width:640px){ .list-item-content { 
opacity:1!important;
margin-top:-60%; } 
.list-item-media{ filter:grayscale(0)!important;}
  .user-items-list-container {display: inline-block; margin: 0; float: left; display:flex; flex-direction: row; flex-wrap: nowrap; grid-auto-flow: column;}}

Quote

messes up the possibility to change colors in the theme editior

In what way?

I can't see anything specifically wrong with your code, though it may be having broader effects than you are wanting?

Looks like the top of the code is changing the background colour of the page which will override what you set in site styles. It's not set to just your logo section.

Can you share a link to your set and let us know what you're trying to change?

Do you need a link to the website or ?
I don't know how to share the set link

On 8/15/2023 at 1:52 PM, EnkelMarkfor said:

Do you need a link to the website or ?
I don't know how to share the set link

See this