cubic theme – css help; using featured image for home page, but hide in post

  • Unknown's avatar
    hakkanotogame · Member ·

    Hello everyone, I have some CSS on my site using cubic theme to let me pick a featured image in each post so that I can control what appears on the home page grid, but I want to hide the featred image in the post. I am using:

    .single-post .entry-thumbnail {
    display: none;
    }

    @media screen and (min-width: 768px) {
    .entry-content {
    padding-top: 150px;
    }
    }

    It seems to work on the browser view on laptop; although it’s a bit janky looking.

    However on mobile the title of the posts on the posts page is now sitting on top of the text. So seems padding doesn’t work on mobile.

    If any CSS expert has a few minutes could you take a look and give some advice, I am a total amatuer ! :)

    Alex

    [moved to CSS Customization]

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

  • Unknown's avatar
    ogurel · Member ·

    Hi,

    You can achieve this with the following custom CSS code:

    @media screen and (max-width: 767px) {
    .entry-content {
        padding-top: 100px;
    }
}

    This will make sure that for resolutions less than 768px, albeit small, there is still padding. Please let me know if you need anything else.

    Take care,

    Onur

  • The topic ‘cubic theme – css help; using featured image for home page, but hide in post’ is closed to new replies.