Blog date obscures title.

  • Resolved Torkel

    (@torkel)


    4 years, 8 months ago

    I’ve had the date hidden on my blog for a while, but today I turned it back on.

    In the blog entries, the date obscures the title of the article as it’s shown in a big black box (it looks to be the same box that’s put on the blog image in the main blog page) instead of regular text.

    How do I fix this, to make it show as it’s supposed to under the title?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @torkel,

    The date was supposed to be on the top left corner of the single page image, but it seemed like you had displayed it none. And now to overcome this design issue, please add the following CSS:

    .has-post-thumbnail .entry-thumbnail .posted-on {
    position: unset;
    margin-top: 20px;
}

.has-post-thumbnail .entry-title {
    margin-top: 15px;
}

    Help link?https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

    Thanks and regards,
    Milan Thapa

    Thread Starter Torkel

    (@torkel)

    That worked well for the entry page, thanks. But now the date on the grid view of all the entries has created a blank space above the featured images ( https://www.genuine-connections.com/blogg ) that kind of ruins the design.

    Is there a way to keep the date set to be projected ontop of the featured image on this main blog page, while still moving it above the title on the entry page?

    Hi @torkel,

    Please remove the previous CSS which I provided and add the below CSS:

    .single-post .has-post-thumbnail .entry-thumbnail .posted-on {
    position: unset;
    margin-top: 20px;
}

.single-post .has-post-thumbnail .entry-title {
    margin-top: 15px;
}

    This should help you get the desired output.

    Thanks and Regards,
    Milan

    Thread Starter Torkel

    (@torkel)

    Perfect! Thanks so much.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Blog date obscures title.’ is closed to new replies.