0

I am using an İFRAME on my site tuning-doc.nl to select car makes with their horsepower. I would like to hide the following:

Powered by Tuning-shop.com

At the top and the bottom. I tried to hide these by CSS in Google Chrome's inspector, but when I save in via the customizer of WordPress's theme, nothing happens and the text is still there.

Can you help me please?

I tried it to hide it through CSS. But it is still there. Inspector is working, but theme not.

  • Try this `#iFrameResizer0 .Top.header-background{display:none}` – Azu Jun 05 '23 at 18:10
  • Does this answer your question? [How to apply CSS to iframe?](https://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe) – Caleb Jun 05 '23 at 20:18

2 Answers2

0

This should do the job:

 .Top__right.header-color { display: none;}

But if it does not work you can try:

.Top__right.header-color { display: none !important;}
edgars pujats
  • 1
  • Hi Edgars, thanks for your answer. It works indeed in the inspector, but not in the customizer > CSS –  Jun 06 '23 at 11:28
  • Hey, I did not know about what Caleb mentioned, that you cannot modify contents of iframes. Seems like the iframe has a lot of functionality and might be complex to re-create. One thing I thought of would be to wrap it in an element and have another element with the same color positioned absolutely over it to hide it. Kinda dirty hack, I know :P – edgars pujats Jun 07 '23 at 18:52
0

Styles for your site cannot impact elements inside of iframes that are cross-domain. Cross-domain websites embedded in iframes are isolated from your site.

Caleb
  • 1,058
  • 1
  • 7
  • 18