XF 2.0 Incorrect Display of Block-Headers borders in Chrome and IE

Hello!

I've got this problem with block headers borders in Google Chrome and IE

Снимок экрана (637).webp

Снимок экрана (638).webp

Some block headers look fine and others look like on the screenshots with these rips beetwen background and borders.
We're using the default style with some editing in extra.less.

There's no such a problem in Mozilla Firefox though.

So what's the solution for Chrome and IE?
 
Last edited:
Best bet would be to contact the style developer then.
There's no style developer, I just made some customizations in extra.less by myself.
I tried to delete all the code from extra.less, and if I even put only this
.block-minorHeader {
background: #333333;
color: #F5F5F5;
}
problem goes back. I can't understand what's wrong if I just change background and color.
Maybe there's some code I should insert for Google Chrome and IE so those browsers display the site correctly?
I also found invalid property value in code in Chrome
Снимок экрана (639).webp

Can it have something to do with the problem?
 
Try changing the style properties instead of changing it via extra.less


Appearance > Styles > Your style - Style properties > Blocks > Block minor header
 
Top Bottom