Difference in border shadow on Safari and Chrome

[coedam]

Hi there.

When on Chrome my element looks like this:

And when on Safari it looks like this:

There is difference in the border shadow.

This is the site: https://butik.fitnessformularen.dk/medlemsportal/

You’ll need to login with the information below to go to the page. There is membership protection on it.

Why is this, and can it be fixed in some way?

Thanks!

//Christian

[nabeel]

Hey Christian,

Thank you for reaching out to us. May I ask which safari version you’re using? Try giving your column a class e.g safari-fix (see screenshot)

Then add the following code in the Theme Options > CSS:

.safari-fix {
	-webkit-appearance: none !important;
	-webkit-box-shadow: 0em 0em 0.02em 0.02em rgba(131,131,131,0.57);
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[coedam]

Hi thanks, sorry but it did’nt work.
Cleared all caches and everything.
Any other ideas?

[thai]

Hi There,

Please update the previous CSS to this:

.safari-fix {
-webkit-appearance: none !important;
-webkit-box-shadow: 0px 0px 2px 2px rgba(131,131,131,0.57) !important;
}

Hope it helps