Tagged: adsense, widgets, woocommerce
-
AuthorPosts
-
October 2, 2016 at 3:20 am #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.pngIs 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
October 3, 2016 at 5:09 pm #694724Hi 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’);October 3, 2016 at 5:30 pm #694727I 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
October 3, 2016 at 5:55 pm #694738Ok. 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
October 5, 2016 at 5:04 pm #695626Hi,
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,
AndyOctober 5, 2016 at 8:52 pm #695760Hi 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
October 7, 2016 at 11:26 am #696388Hi,
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,
AndyOctober 7, 2016 at 7:14 pm #696682Hi 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.pngSee 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
October 10, 2016 at 1:12 pm #697282Hi,
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,
AndyOctober 10, 2016 at 4:26 pm #697436Andy,
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
October 10, 2016 at 4:29 pm #697438Hi!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
ins.adsbygoogle { margin-bottom: 20px; }
Cheers!
YigitOctober 10, 2016 at 4:54 pm #697463Thank 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;
}October 10, 2016 at 4:58 pm #697469Hi!
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,
YigitOctober 10, 2016 at 5:04 pm #697472Yes, 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
October 10, 2016 at 5:08 pm #697474Hi!
Please add following code to Quick CSS as well and adjust as needed
#text-29 ins.adsbygoogle { padding-top: 50px; }
Best regards,
YigitOctober 10, 2016 at 5:40 pm #697491That was perfect, Yigit!!! :) It looked terrace right from the start!!! Thank you so much!!!!!
Have a wonderful rest of the week!!!
Warmly,
Havi
October 10, 2016 at 6:10 pm #697495 -
AuthorPosts
- The topic ‘AdSense Widgets | WooCommerce | Strange Characters appear’ is closed to new replies.