Twenty Fourteen
How to make title NOT overlap the image in the posts? (7 posts)

  1. jasonramirez
    Posted 2 years ago #

    I was wondering how to make the post title not overlap the image whenever making a post?... most of the images I will use have important details at the bottom of the image (which gets overlapped by the post title)..

    I would rather have the post title display below the whole image..

  2. wiefie
    Posted 2 years ago #

    what is your site?

  3. awfree
    Posted 2 years ago #

    I tried to change in an easy way.
    If you directly modify the style.css, it is cleared when updating the theme. So it is recommended you to change it using a sub-theme.
    This URL with google translation, the site is Japanese.


  4. jasonramirez
    Posted 2 years ago #


    i am testing the theme at localhost only, if everything goes how i want i will put it up on a site.


    thanks, i will try out those margin adjustments maybe tomorrow...

    I actually found a similar post about this in


    that did not work for me...

    from the Japanese website I guess I have to edit 3 portions in the style.css, I will check this out

  5. awfree
    Posted 2 years ago #

    To be correct was written in the link that you found out.
    Essence was the same.
    It would mean that please to 0px the "Margin-top:-48px" following (there are several) in ". Site-content. Has-post-thumbnail. Entry-header" of style-CSS.
    Please try please, I hope that is obtained your satisfaction.

  6. jasonramirez
    Posted 2 years ago #

    This workeed, I basically found all "-48px" and changed them to "0px"


  7. awfree
    Posted 2 years ago #

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic