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!