Hi everybody,
I'm building a blog and currently working on a static page.
I putted an image as a first element of the post, it's aligned to the left and has a correct padding with round corners.
The problem is that even if I go to
ATO/Various content items/Style/Images in Posts
and I add "margin: 5px 5px 5px 5px;" nothing would happen.

The result being that I have the dots of a bulleted list overlapping the image in question.
This is the page where you can see the effect.

What can I do about?
Thanks in advance

Dave

Sometimes you have to go into the advanced tab of the image itself and add margin but precisely where did you try to add the margin? Also if you are using the same margin on all four sides you only have to use the measurement once like margin: 5px;

Hi Larry and thanks for the reply. I added margin into the box "Images in posts" that I found following the path ATO/Various content items/Style.
And I tried to set the margins either using the measurement once as you suggested in your post or the way I wrote in mine or setting all the parameter separately as in
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 5px;

I also tried to add "margin: 5px;" directly into the advanced tab of the image itself, within the "Styles" field but nothing happened. I'm really curious to understand why! Dots are still overlapping the image (at least using Chrome as browser)

When I play around with your site and specifically the image and it's margin, I found that just increasing the right margin a bit more, provides some relief between the image (and frame) and the bullets.

Try using "margin-right: 20px;" and see what that gives you. I think that's what you're looking for.

Thanks Runnerboy!
Yes, you're right! Probably it was just too less the margin I was adding! It was so simple....
Thank you a lot!

Also lists act differently when they are floated like this. I your case you could add the following to ATO>Add HTML/CSS Inserts>CSS Inserts to move the dots in but remember this may affect other lists that aren't floated.

.post-bodycopy li {
    list-style-position: inside;
}