Solid color top layer

[compania123]

Hi there,
we are creating a new website test.palimeovocie,sk. At the end of home page there is map in raw content element. Is there a way how to add top layer over the map so it won’t be so shiny. I mean some solid color with opacity.

Thanks
Michael

[marc_a]

Hi Michael,

Thanks for reaching out!

I suggest that you add a class name to your iframe so that we can add some borders through CSS.

For example, this is your iframe code:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2668.320130092958!2d17.314229315831696!3d48.026843466845605!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476c7fb58f064b73%3A0xdf8c3cff4b523c63!2zQnJhdGlzbGF2c2vDoSA4MC8zOSwgOTMxIDAxIMWgYW1vcsOtbg!5e0!3m2!1ssk!2ssk!4v1623071395014!5m2!1ssk!2ssk" width="400" height="300" allowfullscreen="" loading="lazy"></iframe>

Suggested code:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2668.320130092958!2d17.314229315831696!3d48.026843466845605!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476c7fb58f064b73%3A0xdf8c3cff4b523c63!2zQnJhdGlzbGF2c2vDoSA4MC8zOSwgOTMxIDAxIMWgYW1vcsOtbg!5e0!3m2!1ssk!2ssk!4v1623071395014!5m2!1ssk!2ssk" width="400" height="300" allowfullscreen="" loading="lazy" class="iframe-border"></iframe>

As you can see, I added a class name called iframe-border then in your X > Theme Options > CSS, please add this CSS code:

.iframe-border {
	border: 5px solid rgba(255, 0, 0, 0.5) !important;
}

that’s only an example of how you can add a border to your iframe, to change the example color, please check this article.

• https://www.hexcolortool.com/

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[compania123]

Thanks a lot
Michael

[marc_a]

Hi Michael,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.