Adds with yellow space

  • Hello,

    Thank you for fixing the problem with the theme. I have another question that was prompted by my brief use of an alternative theme yesterday. For as long as I have been using the dusk and dawn theme, I have noticed that some of my adds have yellow space around them. See below:

    View post on imgur.com

    When I was using a different theme yesterday, these yellow spaces never appeared even though the same widget was being used. This makes me think that this may be a problem specific to this theme. My guess is that the html given says that a certain area should be used for the add, but sometimes google sends an add that is smaller than the designated area. For some reason this isn’t handled I guess and you get the yellow space. Any thoughts on this or is it me who is doing something wrong?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter fwiseSAS

    (@fwisesas)

    Actually, I should also state that sometimes when the page loads google doesn’t send an add at all. In this case, the whole section displays as yellow even though there is no add. It would be really nice if the element was just skipped over in that case. Here is a picture:

    View post on imgur.com

    Moderator Kathryn Presner

    (@zoonini)

    I’m not sure what the yellow space could be. Could you provide a link to one of the pages where you’re seeing that so I can take look?

    Thread Starter fwiseSAS

    (@fwisesas)

    Ya, here is a random page. Every page shows it. If you don’t get it the first time, try refreshing once or twice.

    https://atavisionary.com/the-cathedral-compilation-page/

    Moderator Kathryn Presner

    (@zoonini)

    Thanks for the link. I do see a few blank yellow spots where ads should be, in addition to yellow space around some ads. Since the ads are coming from outside the theme you may want to ask in your ad plugin’s forum if they can tell why that’s happening only with Dusk to Dawn, as I’m not sure where that’s coming from.

    It looks like this may be yet another theme that for some reason uses yellow as an ad background. The CSS shows:

    ins {
	background: #fff9c0;

    Try changing it to…

    ins {
	background: #fff;

    …and see if that works – it works on other themes where I have had the same problem.

    If white is not an appropriate background color for you then just substitute whatever you need for #fff.

    Bear in mind that if the author does not make that change in the CSS code themselves in the future then you will need to make the same change every time the theme is updated.

    Moderator Kathryn Presner

    (@zoonini)

    Good catch, Talisman! Thanks for adding that info here.

    wiseSAS, adding this to your custom CSS should remove the yellow and instead display that area as black, which matches your sidebar background.

    ins {
  background: #000000;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.

    Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adds with yellow space’ is closed to new replies.

Tags