Help styling my blog

[harry_ord]

Hello

This is my site:

http://hojalateriaelguante.agencialosnavegantes.cl/

At the end of the page, just before the footer, i have a blog, and i need it to look like the attached picture. By default, the blog element of this theme has the featured image above and the content below, i did an inspection with Chrome and i tried putting a "float:left" to the featured image and kind of worked but, the content and the picture are too close to each other, and i want to separate them, just how they look on the example attached.

How can i do this?

[Ingolme]

You can add a margin to the element to separate it from the other content.

[harry_ord]

I tried that, but they don't separate. I tried put a margin-left:50px; to the content, but it doesn't move. Even i tried putting obscene values like margin-left: 600px; and not, it won't move an inch.

[Ingolme]

Put the margin on the image.

[harry_ord]

I FEEL SO STUPID.

I never thought about just putting the margin on the image. I just did that and ta-dan! it's solved.

[harry_ord]

Sorry, other question. It is possible to make it look more like the picture? like it has a yellow square with the day and month over the image. How can i manage that? that's not CSS anymore, right?

[dsonesuk]

The element and content must exist using php/html before you can style it presentationally using css.