Hi @ahutcheson,
Looks like you already properly embedded the Google Forms however you have an opacity on the iframe element which prevents the form from displaying on your homepage.
Go into your WordPress Customizer -> Additional CSS and switch the opacity for .main-content iframe[src] element from 0 to 1 like below:
.main-content iframe[src] {
opacity: 1;
}
Once you set the opacity for the iframe element from 0 to 1, your Google Form will become visible again.
Cheers,
Igor
Thank you Igor for your assistance but I am unable to understand what to do. The coding I have is below.
<!– wp:embedpress/google-forms-block {“url”:”https://docs.google.com/forms/d/e/1FAIpQLSe0Oj3YdZ1YOxUEPZX_ZCs1D8LaXUub3Tmz58xq1k6saEtceA/viewform?usp=sf_link”,”iframeSrc”:”https://docs.google.com/forms/d/e/1FAIpQLSe0Oj3YdZ1YOxUEPZX_ZCs1D8LaXUub3Tmz58xq1k6saEtceA/viewform?usp=sf_link”} –>
<figure class=”wp-block-embedpress-google-forms-block ose-google-docs-forms”><iframe src=”https://docs.google.com/forms/d/e/1FAIpQLSe0Oj3YdZ1YOxUEPZX_ZCs1D8LaXUub3Tmz58xq1k6saEtceA/viewform?usp=sf_link” frameborder=”0″ width=”600″ height=”450″ allowfullscreen mozallowfullscreen=”true” webkitallowfullscreen=”true”></iframe></figure>
<!– /wp:embedpress/google-forms-block –>
Hi @ahutcheson,
The issue you are experiencing is not specific to WordPress – it s a minor CSS issue that can be resolved by switching the opacity of the iframe element back to 1.
To fix this issue, go into your WordPress Dashboard -> Appearance -> Customize -> Additional CSS and insert the next block of the CSS code:
.main-content iframe[src] {
opacity: 1;
}
You can find more information about the Customize screen here: https://wordpress.org/support/article/appearance-customize-screen/
Got it. Thank you. It works now.
