Logo not centered on cookie banner

Hi @loge99,

Could you attempt this by adding the below CSS under Appearance > Customize > Additional CSS?

.cmplz-cookiebanner .cmplz-header .cmplz-logo img { 
height: 20px; 
} 

.cmplz-cookiebanner .cmplz-header .cmplz-logo { 
justify-self: center; 
}

This appears as below when testing in my browser:

Kind regards,
Jarno

• This reply was modified 2 years, 4 months ago by jarnovos.

Hi,

thank you for your reply.

I would like to keep the code that goes with complianz in the complianz custom css field.

is that possible?

Best wishes
Lorenzo

Hi @loge99,

Sure, you can place these lines of CSS in that field as well. That should have the same effect.

Kind regards,
Jarno

Even though I’m getting this error for the justify-self property?
https://ibb.co/S3pqpKy

Also, should I remove this
.cmplz-cookiebanner .cmplz-header .cmplz-logo {
margin-bottom: 20px;
max-width: 50%;
}
before placing your code?

Thank you
Best wishes
Lorenzo

Hi @loge99,

The error seems to indicate that the use of this specific property is not supported in the Custom CSS field, so in this case you can add the lines to the Custom CSS field under Appearance > Customize, or load the styles with a plugin such as Header Footer Code Manager.

Kind regards,
Jarno

Thanks Jarno!

Is there a way to have this in the Complianz Code field?
I mean there has to be a way.

And please check my questions:

”
`Also, should I remove this
.cmplz-cookiebanner .cmplz-header .cmplz-logo {
margin-bottom: 20px;
max-width: 50%;
}
before placing your code that also targets “.cmplz-cookiebanner .cmplz-header .cmplz-logo”?
“

Hi @loge99,

I’ve just checked, you can still place my CSS in the Complianz CSS field. It’s just a warning that the editor doesn’t recognize the justify-self property, but it will still be applied and should work fine.

As for the other CSS you had in that field, I based my CSS on the website as it was when you started this thread. As long as that CSS was already present on your website at the time of starting the thread, you might not have to remove it. But I would test the difference to be entirely sure.

Kind regards,
Jarno

Thank you very much Jarno!