Hi @jimtechs,
Thanks for reaching out.
Your CSS causes the issue. To resolve this, you can modify your CSS. Add the following code to the custom code field that you can find in the layout section of your ad unit if you use Advanced Ads Pro (alternatively, add this to your custom CSS)
<style type="text/css">.roofs-before-content iframe { display: inline !important; }</style>
If you are already a user of Advanced Ads Pro, try the ad grid option. This would be the easiest solution.
Hello Joachim,
I did what you told me and it worked on the before content format.But on the after content and in the content it did not worked 🙁
I have put the same code as i put in the before content were i worked perfectly.In the other content it’s not working.
Before content : https://roofsolarinc.com/wp-content/uploads/2018/08/0.png
After content : https://roofsolarinc.com/wp-content/uploads/2018/08/1.png
Note the 2 are using the same code.
Thanks in advance,
Jim
Hello,
I have figure it out that if i edit the .roofs-before-content to .roofs-after-content it’ll work fine.The only thing that i am not figuring out is when i want to use the short code it’s not horizontal [the_ad id=”595″] i want that to be also on the same line.
Sorry for the disturb and thanks,
Jim
Hi,
Any help please with the short code ?
Thanks,
Jim
Hello,
in that code what should i edit to make it work in the short code?
<style type=”text/css”>.roofs-before-content iframe { display: inline !important; }</style>
I have tried to use justify but it did not work :/
Thanks,
Jim
Hi Jim,
I am just guessing now since I don’t see an example on your site. The shortcode does not create a wrapper around the ads automatically. You can try something like this, but then it would work for all iframes.
<style type=”text/css”>iframe { display: inline !important; }</style>
You could also add your own CSS class to the Class option in the ad’s Layout/Output settings which are visible when you close the wizard.
E.g., when you use a class like amzn-place, the CSS could look like this:
<style type=”text/css”>.amzn-place { display: inline !important; }</style>
If that doesn’t work then please send me a link to a page where I can see the issue.
Thanks,
Thomas
Hello,
It’s the one under the slider https://roofsolarinc.com/
I have added that code and it did not work <style type=”text/css”>iframe { display: inline !important; }</style>
Thanks in advance,
Jim
Hi Jim,
thanks for the link.
I checked the site and can confirm that the CSS code should work. Where did you add it?
Thanks,
Thomas
Thanks, Jim, these screenshots were very helpful.
The quotes were technically wrong, making the code invalid.
This is what it is now:
<style type=”text/css”>iframe { display: inline !important; }</style>
This is correct:
<style type="text/css">iframe { display: inline !important; }</style>
Please try that.
Thanks,
Thomas
Hello Thomas,
Thanks a lot it finally worked 🙂
