Jump to content
harry_ord

Help styling my blog

Recommended Posts

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?

problema-2.jpg

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Put the margin on the image.

  • Thanks 1

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×