WordPress.org

Forums

Untitled
[resolved] Adsense Ads Not Fitting in the Side bar (13 posts)

  1. Brooke972
    Member
    Posted 10 months ago #

    Hi,

    I am using Google Adsense Ads on my page, but they do not fit correctly in the space in the sidebar . I am simply using the "text" type of widget and adding the HTML. I tried other plug-ins for Adsense but to no avail.

    Could I expand the side of my sidebar to make the ads fit or what do you recommend?

    Here's the link to my blog: http://www.proyectogtg.com/

  2. Kathryn
    Automattic Happiness Engineer
    Posted 10 months ago #

  3. As I mentioned in the other thread, we really do need to know the dimensions of the ads you want the sidebar to be able to fit, otherwise we're just guessing.

    Could you show me the HTML you're trying to add to your text widget? Add it to a Pastebin and post the link here.

  4. Brooke972
    Member
    Posted 9 months ago #

    I have two 300x250 and one 250x250.

    The HTML that I posted in the Pastebin is the 300x250. I'd prefer to use the 300x250 if possible rather than the 250x250.

    http://pastebin.com/tLGdYR63

  5. Thanks for the pastebin.

    Did you try adding to your child theme the custom CSS I provided in the other thread:

    @media screen and (min-width: 1000px) {
    	.content-area {
         	max-width: 600px;
    	}
    
    	.site-main .widget-area {
         	float: right;
         	overflow: hidden;
         	width: 300px;
    	}
    }

    Try adjusting the 600 and 300 numbers until you find a ratio that works well with your 300px sidebar ads.

  6. Brooke972
    Member
    Posted 9 months ago #

    Great I got the ratio right. But the ads leave a small yellow space at the top and overlap the ads below them. Even if I move an image in between the ads, the ad will still have that yellow space above the ad and overlap the image. How can I get them to move up or stay in the space?

    Also, can I decrease the space on the left side of the posts so the posts are more right aligned and I have more space?

  7. Great I got the ratio right.

    Excellent!

    But the ads leave a small yellow space at the top and overlap the ads below them.Even if I move an image in between the ads, the ad will still have that yellow space above the ad and overlap the image. How can I get them to move up or stay in the space?

    I would need to see this in action on your site to be able to help you with some custom CSS code that might fix this.

    Also, can I decrease the space on the left side of the posts so the posts are more right aligned and I have more space?

    In which specific view do you want to do reduce the space "on the left side of posts"? Maybe you could you take a screenshot and add an arrow to point to exactly where you mean?

    Here's a guide on how to make a screenshot, if you're not sure: http://en.support.wordpress.com/make-a-screenshot/

    You can upload the screenshot - in a graphic format like JPG, PNG, or PDF - in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur.

  8. Brooke972
    Member
    Posted 9 months ago #

    I took a screen shot of both.

    1st image.
    I'd like to reduce the space where the arrows iare pointing. That way I could space the ads out and make the content bigger.

    http://www.proyectogtg.com/wp-content/uploads/2014/07/Screen-Shot-2014-07-09-at-6.29.43-PM.png

    2nd image.
    This is the yellow space at the bottom and the ad at the bottom is being cropped so the whole thing isn't seen.

    http://www.proyectogtg.com/wp-content/uploads/2014/07/Screen-Shot-2014-07-09-at-6.30.10-PM.png

  9. I'd like to reduce the space where the arrows iare pointing. That way I could space the ads out and make the content bigger.

    It looks like you want to make the main content area wider.

    You can see in the parent theme's stylesheet that the main content area is currently set to 1000px wide. You can try overriding that in your child theme.

    #main,
    #single-main{
    	max-width: 1000px;
    	margin: 0 auto;
    }
  10. This is the yellow space at the bottom and the ad at the bottom is being cropped so the whole thing isn't seen.

    Could you link to a page on your site where I can see this directly? I'll need to see it in order to help with any CSS.

    If you can't show it to me, try locating the ID or class for each ad by using a browser inspector, and then adding some additional margin to it in your child theme.

    Here are some resources to get you started, by learning how to target your site's CSS to make certain design and layout changes:
    https://dailypost.wordpress.com/2013/07/25/css-selectors/

    http://dailypost.wordpress.com/2013/06/21/css-intro/

    http://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/

    http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  11. Brooke972
    Member
    Posted 9 months ago #

    Would I just paste that code into my child theme style.css?

    Well, the ads show up like that on every page but here is one in particular. http://www.proyectogtg.com/2014/07/02/10-cosas-que-necesitas-recordar-cada-dia/

  12. My ad-blocker extension was blocking your ads, that's why I couldn't see them.

    Since what you're trying to do is pretty specific to these AdSense Flash ads - and really nothing to do with Untitled at this point :-) - I suggest you ask for help either in an AdSense-specific support forum or mailing list.

    Here's Google's own support forum for AdSense: https://productforums.google.com/forum/#!categories/adsense

  13. Brooke972
    Member
    Posted 9 months ago #

    Thank you.

Reply

You must log in to post.

About this Theme

About this Topic