Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #694266

    Hi guys!!

    Hope you are doing great!

    I added Woocommerce to http://bodasyweddings.oom (now disabled) and even though there are no published products yet, the Adsense ads (inside of sidebar and on widgets inside of the posts) started showing a few dots (theme color) before the ad and a space removed after them.

    I am adding links to the images of how the ads looked:
    https://s3.postimg.org/v0520c3ur/Screen_Shot_2016_10_01_at_9_06_42_PM.png
    https://s3.postimg.org/bjkcdt8qr/Screen_Shot_2016_10_01_at_9_07_27_PM.png
    https://s3.postimg.org/n9y9v71j7/Screen_Shot_2016_10_01_at_9_07_47_PM.png
    https://s3.postimg.org/wj0g5baf7/Screen_Shot_2016_10_01_at_9_07_48_PM.png
    https://s3.postimg.org/83s849bib/Screen_Shot_2016_10_01_at_9_08_19_PM.png

    Is there some setting that needs to be adjusted? I already deactivated all the other plugins and left only Enfold/Woocommerce/Yoast and I could still see the problem.

    So I deactivated Woocommerce and reactivated my plugins and it all looks good. I do have to add WooCommerce soon though.

    Please, let me know if you need login credentials or any additional information.

    Thank you so much!!!

    Warmly,

    Havi

    #694724

    Hi guys,
    Is it possible that this bug fix is somehow affecting this? Should I remove that code from the functions.php on the child theme?

    function modify_jquery() {
    if (!is_admin()) {
    wp_deregister_script(‘jquery’);
    wp_register_script(‘jquery’, ‘https://code.jquery.com/jquery-1.11.3.min.js’);
    wp_enqueue_script(‘jquery’);
    }
    }
    add_action(‘init’, ‘modify_jquery’);

    #694727

    I think I found something.

    Please, let me know what would make it go away. :)

    #top #wrap_all ins:before
    woocommerce-mod.css:573
    @media all {
    #top #wrap_all ins::before {
    content: “\2219”;
    text-decoration: none;
    display: inline-block;
    padding:0 7px 0 3px;
    font-size: 20px;
    line-height: 12px;
    }
    }
    or
    content: “\2219”;
    /*bullet*/
    text-decoration: none;
    display: inline-block;
    padding: 0 7px 0 3px;
    font-size: 20px;
    line-height: 12px;

    If I change it to:
    content: “\2219”;
    /*bullet*/
    text-decoration: none;
    display: inline-block;
    /* padding: 10px 7px 0 3px; */
    font-size: 0px;
    line-height: 12px;

    It looks good. What should I add to the css so it doesn’t conflict with Woocommerce or with anything else?

    Thank youuuuu!!!!

    Havi

    #694738

    Ok. I added this to the CSS:

    /*fix woocommerce padding on adsense*/
    #top #wrap_all ins::before {
    content: “\2219”;
    text-decoration: none;
    display: inline-block;
    padding: 0px 0 0 0px;
    font-size: 0px;
    line-height: 12px;
    }

    just the padding is all off (too much padding before and no padding after so it overlaps with the following text.

    Help!!! I’m almost there!!! :)

    Warmly,

    Havi

    #695626

    Hi,

    your website is down for me. Can you check please?
    So would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    #695760

    Hi Andy!
    Any post or page will make these elements available to you. The site is not down but here are a few pages where you can see it:

    1- http://bodasyweddings.com/wedding-reception-seating-how-to-seat-guests/ (regular post)
    2- http://bodasyweddings.com/inspiracion-para-novias/ (Avia layout page)
    3- all of the sidebar widgets with adsense code in them.

    I fixed mostly everything except with the padding at the bottom (it is more visible if you scroll down to the end of the page and you will see what I mean as it overlaps with the photo credits text) there is a space after the other widgets so it’s not so noticeable but the ads should be placed farther from the text.

    Also, if you could check that the css I added will not affect Woocommerce layout when I start publishing products, that would be great!!!

    Please, let me know if there is anything other information you need.

    Thank you so much!!!

    Warmly,

    Havi

    #696388

    Hi,

    I can’t see any of the issues you’re talking about on your website. Can you provide us screenshots please? you can use imgur.com or dropbox.

    Best regards,
    Andy

    #696682

    Hi Andy,

    That’s because I fixed mostly everything. There is only one part that I cannot find out to fix.

    Here is the fix I created (I’d like you to confirm that I didn’t mess anything else up):

    /*fix woocommerce padding on adsense*/
    #top #wrap_all ins::before {
    content: “\2219”;
    text-decoration: none;
    display: inline-block;
    padding: 0px 0 0 0px;
    font-size: 0px;
    line-height: 12px;
    }

    What is missing:
    The bottom padding is all off (Ad overlaps with the following text) and it’s the most evident here: https://s3.postimg.org/v0520c3ur/Screen_Shot_2016_10_01_at_9_06_42_PM.png

    See how the widget overlaps the text?

    You can visit any blog post such as http://bodasyweddings.com/canciones-para-bodas-mejores/ and scroll to the bottom. The Widget is the very last thing you will see before the Photo credits and the Blog Post Comment section.

    I could remove the whole fix but I cannot have it looking awkward with turquoise bullets until next week. You understand.

    I know it’s probably a very easy thing to fix but I couldn’t find where to add the padding or what may be blocking the bottom padding from happening. I am not a developer so I play this by ear.

    Maybe my fix is wrong and the solution lies elsewhere.

    Help, please!!!

    Thank you so much!!!

    Warmly,

    Havi

    #697282

    Hi,

    I can’t find the elements you’re showing on your screenshot inside your website. Where are they? please make sure to send us a precise link where we can inspect the elements in question.

    Best regards,
    Andy

    #697436

    Andy,

    I cannot send you a link to the bottom of the page. This has been going on for quite a while. Is there anybody else that can lend me a hand that can scroll to the bottom of the page to see the Google Related Ads widget? You do understand that being Google Ads, the content itself will change and it’s not under my control.

    Waiting for help.

    Havi

    #697438

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    ins.adsbygoogle {
        margin-bottom: 20px;
    }

    Cheers!
    Yigit

    #697463

    Thank you, Yigit!! It worked!! Is there anything on the code I added that you see as incorrect or maybe should be moved to modify adsbygoogle only?

    /*fix woocommerce padding on adsense*/
    #top #wrap_all ins::before {
    content: “\2219”;
    text-decoration: none;
    display: inline-block;
    padding: 0px 0 0 0px; /*here I changed it*/
    font-size: 0px; /*here I changed it*/
    line-height: 12px;
    }

    #697469

    Hi!

    You are welcome :)
    You made those changes not to display the dots, is that correct? If so, you can simply use following code instead

    #top #wrap_all ins::before { display: none; }

    Best regards,
    Yigit

    #697472

    Yes, Yigit! As the dots were showing suddenly and adding additional space on top of the ad widget. :)

    I changed it to your CSS and it all looks way better with the exception of the ad widget that is inside of the two-column piece at the bottom (ad to the left and More stunning wedding ideas to the right – the 3 related articles)

    How can I add a little padding on top of it?

    Warmly,

    Havi

    #697474

    Hi!

    Please add following code to Quick CSS as well and adjust as needed

    #text-29 ins.adsbygoogle {
        padding-top: 50px;
    }

    Best regards,
    Yigit

    #697491

    That was perfect, Yigit!!! :) It looked terrace right from the start!!! Thank you so much!!!!!

    Have a wonderful rest of the week!!!

    Warmly,

    Havi

    #697495

    Hey Havi!

    You are welcome, glad we could help :)
    Let us know if you have any other questions or issues and you too have a wonderful rest of the week! :)

    Cheers!
    Yigit

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘AdSense Widgets | WooCommerce | Strange Characters appear’ is closed to new replies.