WordPress.org

Forums

Stargazer
[resolved] Google ads get cut and the buttom part is hidden (10 posts)

  1. and0r1995
    Member
    Posted 1 year ago #

    Hey,

    I just installed the theme, and added some google ads to my site, and for some reason, the buttom part of the ads get cut. and they are hidden:

    http://imgur.com/Y6T7sQE

    Any idea why?

  2. Mrinal Buddekar
    Member
    Posted 1 year ago #

    I am in the same boat. It seems to be some kind of CSS issue as it is consistent across various browsers. Tried the padding and max-height but nothing is working. I hope if someone can solve this.

  3. Mrinal Buddekar
    Member
    Posted 1 year ago #

    Hi Andor,

    I think, I found out the fix.

    Goto style.min.css of your theme. It will be child theme if you are using one. Find the code embed-wrap{position:relative;margin-bottom:1.5rem;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}

    Edit it so only this much is left;
    embed-wrap{position:relative;overflow:hidden}

    I think it is repeated somewhere else or wrap is not rendering properly.

    Test and let me know.

  4. and0r1995
    Member
    Posted 1 year ago #

    Hey, thanks! It worked. :)

  5. Mrinal Buddekar
    Member
    Posted 1 year ago #

    Welcome. I am glad it did. Google ads code and display is something not to play around. That is why it become priority for me to solve.

    Just remember that in future if you want to use wrapper again for anything you may need to put that code back specifically for the element you want to put in wrap.

  6. lerdan
    Member
    Posted 1 year ago #

    Hello!
    I have the same problem. @Mrinal, after edited code I don't see ads. I see only a blank space.

    Anyone can help?

  7. laloso
    Member
    Posted 1 year ago #

    Me too

    1.YouTube disappear
    2. Advertisement lost

    I want to know how to fix
    thank you

  8. zhiquan
    Member
    Posted 1 year ago #

    hi laloso

    I think, I found out the fix.You can see my site:www.2meili.cn
    Stargazer: tyle.min.css Find the code embed-wrap{position:relative;margin-bottom:1.5rem;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}

    Replace it
    embed-wrap{position:relative;margin-bottom:1.5rem;padding-bottom:75%;padding-top:30px;height:0;overflow:hidden}

    I also use this code,But there may not be perfect,Welcome to Test; hope to help you!

  9. zhiquan
    Member
    Posted 1 year ago #

    hi lerdan
    I think, I found out the fix.You can see my site:www.2meili.cn
    Stargazer: tyle.min.css Find the code embed-wrap{position:relative;margin-bottom:1.5rem;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}

    Replace it
    embed-wrap{position:relative;margin-bottom:1.5rem;padding-bottom:75%;padding-top:30px;height:0;overflow:hidden}

    I also use this code,But there may not be perfect,Welcome to Test; hope to help you!

  10. Mrinal Buddekar
    Member
    Posted 1 year ago #

    This one also works. It defines the padding whereas in my edit, I left it to workout from parent.

    If people are facing this problem at many places and in ads, then may be you can try to find the embed-wrap at all the places and edit one by one.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags