That is indeed done with CSS usually. You can add it to the theme or use inline CSS in the adcode itself.
If it works for chrome only, you used the wrong CSS or applied it to the wrong element/class.
Thread Starter
Bree
(@lifesgood)
Thanks so much for your help, I really appreciate it. I should clarify that it doesn’t actually work in Chrome, it just *appears* to work when I inspect the element in Chrome (ie, I can see the padding has been applied by the green shading, but it only looks as though it has been applied to the left of the text on screen).
The class I am targeting is .a-8
In the dynamic block mode the settings are at:
Block shape and border: 3 rows x 2 columns
Advert width and height: 360 x 35 pixels
Advert margin: 3 pixels
As for CSS I’ve tried:
1) The wrapper code
Before: <span style=”padding:15px;”>
After: </span>
(This gives the appearance of left padding only)
2) CSS
.a-8 {
color: white;
background: black;
padding: 15px; }
(This also gives the appearance of left padding only)
So, neither of these work. HOWEVER… I have discovered that I can make it appear exactly as I want it on screen (temporarily) if I inspect the element in Chrome and adjust the CSS in the chrome inspector to read:
.a-8 {
color: white;
background: black;
width: 338px;
height: 15px;
padding: 11px; }
But when I then make the settings the same within the plugin or my CSS file, I still end up with ads smaller than I need in height, even with the padding applied.
Wishing I could attach an image to this… My CSS is reasonably good, but I just can’t work it out!
Thread Starter
Bree
(@lifesgood)
So I finally worked it out…
The only way it would work was to set the width and height (within the plugin settings for the group) to “auto” and then write my own min-width and padding values within the CSS with !important for each. It’s sure taken some time, but it works!
Or you just set the margin in the group settings…