Plugin Author
Arnan
(@adegans)
Probably your theme adding paddings to images. Some responsive themes force a certain width for smaller screens for example.
Did you place the ads individually or as a group/block?
Hmm yes i thought that too, but it was strange that the first one was perfectly aligned. They are placed individually so I can track them correctly.
Plugin Author
Arnan
(@adegans)
On the page you linked it seems to work now. All 20 or so ads line up under each other without weird paddings or margins.
Perhaps just a browser cache that needed to refresh? Or what did you change?
Oh really? Thats not showing on my end on both the cached and private browsers. Margan’s ad is the only one centered and the others are all aligned to the left. Screenshots are below;
https://ibb.co/H2mfRjN
https://ibb.co/w6s1LN9
Plugin Author
Arnan
(@adegans)
Right, but this is what I see (See link) In Safari and Firefox.
https://cloud.ajdg.net/s/dbQGtAMqTEsGmRT
So if it’s misaligned for you, and not for me, this kind of supports the browser caching idea.
Otherwise, align all adverts left as is default, and apply your own CSS to the group wrapper of your ad groups to align the ads the way you want.
Oh right, thats so strange that is showing right for you and not for me even after clearing cache and viewing in a private browser, thanks for sharing that.
As they are placed in my sidebar as a widget in single ads (only three are in groups) would you know the CSS please to apply the center alignment as I cant seem to find that in the single ad settings.
Thanks again for all your help.
Plugin Author
Arnan
(@adegans)
Every group is a <div> and has the CSS class .g and it’s own unique class .g-N
Where N is the group ID. So .g-12 for group 12.
Using that you can usually apply a centering margin to the groups you need to center them as described here: https://www.w3.org/Style/Examples/007/center.en.html#block
Some themes override that though and use their own method, most good themes have a manual for centering things with a shortcode for example (or actual HTML) which you can then borrow their CSS bits and bops from.
Great thank you! But these are not in groups they are just placed in single widgets.. what would you recommended please to override the wrong padding issue please? Its so strange that one is right and the rest are not.
Plugin Author
Arnan
(@adegans)
That works the same way but with the a class. If you look at the previous post, replace the g with a to get the same function.
