[Resolved] Adsense code with hooks

[Charalambos]

Hello,

I have placed an ad code with gp hooks just below the title (After entry title). The ad appears ok in mobile version, however as you can see in the screenshot there is too little spacing between the title and the ad in the desktop version and as a result it covers part of the title letters.

View post on imgur.com

My question is how can i move the ad a bit down? I currently use the code below to center the add and show only in single posts.

<?php if ( is_single() ) : ?>

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– Content Ad –>
<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”xx-xxx-xxxxxxxxxxxx”
data-ad-slot=”xxxxxxxxxxx”
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<?php endif; ?>

thanks in advance

Charalambos

[Charalambos]

thats the code i use below,

<?php if ( is_single() ) : ?>

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– Content Ad –>
<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”xx-xxx-xxxxxxxxxxxx”
data-ad-slot=”xxxxxxxxxxx”
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<?php endif; ?>

[Leo]

Hi there,

Try this CSS:

.site-main .adsbygoogle {
    margin-top: 20px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Charalambos]

Hello,

Thanks for your reply. So shall i add this css code in the hooks below the adsense code?

Also just to clarify all the other ads look good. I only want to fix the ad below the post title.

thanks

Charalambos

[Leo]

CSS should be added with one these methods:
https://docs.generatepress.com/article/adding-css/

I modified the code so it should only target that one.

[Charalambos]

Hello,

Thanks again, it works!

[Leo]

No problem 🙂

[Author]

Posts