[wperchuc]

Hi Bianca,

Thanks for your help with the code. I'm not sure it will be efficient in terms of "code cleanness" to put this into additional CSS. What do you think?

I also ran a clean WP install with the theme and the overlay works well there with no problem! The problem is I don't want to make it a clean install as I'm moving from Bridge Theme which is not fast enough and has WP-Bakery built in which doesn't have updates for couple years... You can see the actual website here http://www.vetnolimits.com

Do you think some settings from Bridge Theme might get imported and are now creating that error in Breakthrough Pro theme? I used Duplicator Pro plugin to clone the whole database and WP.

[wperchuc]

Hey Bianca, thanks for your help!

I think the code from demo:

<style type="text/css" media="screen"></style><svg aria-hidden="true" style="width: 0; height: 0; display:block;">
			<filter id="breakthrough-overlay">
				<feColorMatrix
				type="matrix"
				values="0.590196 0 0 0 0
					0 0.609804 0 0 0
					0 0 0.907843 0 0
					0 0 0 .9 0 "></feColorMatrix>
			</filter>
		</svg>

is simillar to the code from my site:

<style type="text/css" media="screen"></style><svg aria-hidden="true" style="width: 0; height: 0; display:block;">
			<filter id="breakthrough-overlay">
				<feColorMatrix
				type="matrix"
				values="0,445098 0 0 0 0
					0 0,743137 0 0 0
					0 0 0,958824 0 0
					0 0 0 .9 0 "></feColorMatrix>
			</filter>
		</svg>

Your code does solve the issue but only for desktop screen. There is a color line visible on smaller screens. Please check mobile view in inspector. Do you know how to fix it?

[wperchuc]

I used the customizer again and the filter settings have changed in the html from this:

values="0,445098 0 0 0 0
0 0,743137 0 0 0
0 0 0,958824 0 0
0 0 0 .9 0 "

to this:

values="1,166667 0 0 0 0
0 0,500000 0 0 0
0 0 0,500000 0 0
0 0 0 .9 0 "

The php version I'm using is 7.4.8.

[wperchuc]

Thanks for a quick answer, Bianca!

Genesis Framework v. 3.3.3
Breakthrough Pro v. 1.3.0

I'm not sure where should I check the line 729... I checked raw html, child theme css stylesheet and didn't find anything referring to the issue. Could you please specify?

Also I've deactivated all the plugins and the issue still exists.

[wperchuc]

Hi Bianca,

Exactly, I followed the theme customizer color option and "basic settings" of Breakthrough Pro settings here.

[wperchuc]

Hi, I have some troubles with removing the gray background skews... I tried to comment only the part you suggested or comment the whole part of css which is responsible for that. I also tried to operate with this code in additional css section. None of these solutions worked... Any help would be appreciated.
http://dev.dgtall.co/vet-sites/

[Author]

Posts