How can I remove the publication date from the free Liebling theme?

Developer help
1

Hi - I am running a blog via Ghost Pro and am using the free Leibling theme. I am looking for a way to quickly remove or hide the publication date with the code injection feature. Thanks in advance!

2

This will hide dates from post page

.m-heading__meta__time {
    display: none;
}

& this from cards

.m-article-card__timestamp span:nth-child(1) {
    display: none;
}

all together

<style>
.m-heading__meta__time {
    display: none;
}
.m-article-card__timestamp span:nth-child(1) {
    display: none;
}

</style>
3

Worked perfectly, thank you!

4

You are welcome! Happy to help.

5

Does anyone have code for removing the reading time from cards on the Liebling theme?

6

It’s going to be almost the code above, but you’ll need different selectors. Here’s a quick tutorial on how to work it out.

7

Thanks for the tutorial. I think I’m still missing something. It appears to be the same selector?

Screenshot 2023-07-18 at 5.03.22 PM

8

Can you show your code injection please? Use the code button for nicer formatting :)

Or try none!important for the setting

9

I used the code injection suggested above by inoryum

<style>
.m-heading__meta__time {
    display: none;
}
.m-article-card__timestamp span:nth-child(1) {
    display: none;
}

</style>

I want to remove this entire section:

<div class="m-article-card__timestamp">
          <span>a day ago</span>
          <span>•</span>
          <span>1 min read</span>
        </div>

The code injection seems to disregard the <span>•</span> <span>1 min read</span>

10

That’s targeting the “a day ago” - or it should be!