Move my Blog Post Title Off the Post Image

  • Unknown's avatar

    Hi there. I’ve just started a blog using Shoreditch and the Blog Title sits on top of the image I choose for the blog post. Can I move the title up or down so that if I want to I can use a quotation as an image?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi Sarah,

    Could you give the following custom CSS a try and let me know if it works out for you?

    .entry-hero-wrapper {
        padding: 0;
        bottom: -10.5em;
    }
    
    .entry-hero + .site-content-wrapper .hentry {
        padding-top: 11.5em;
    }
    
    .entry-hero a, .entry-hero .entry-title, .site-content-wrapper .has-post-thumbnail .entry-header-wrapper a {
        color: #73b7b8;
        text-shadow: none;
    }

    The above worked to push the post title below posts with a featured image across a range of screen sizes in my testing. Please make sure to double check across a few different devices to ensure it works correctly, though, as I may have overlooked something.

    Hope it helps!

  • The topic ‘Move my Blog Post Title Off the Post Image’ is closed to new replies.