[Resolved] Customize mobile featured image, title and meta data archives

[Elio Martinez]

Maybe is some cache issue. I am seeing it right now. I have clear the cache right now, please check again.

Update: I am thinking that you are check the home page. You have to check a category or tag page and you will see it.

[Leo]

Sorry I’m just jumping in here as I couldn’t track down David.

Are you trying to remove the | appearing before the Author?

As for margin issue, try this:

.entry-meta {
    margin-top: 0;
}

[Elio Martinez]

Margin issue resolved, thanks.

I need the | between the author and the date, like as I have in single pages or the home.

[Leo]

Can you edit David’s CSS here:

body:not(.single) .entry-header .entry-meta span:not(:last-child):after {
    content: '|';
    margin: 0 5px;
}

To this:

body:not(.single) .entry-header .entry-meta span.author-name:after {
    content: '|';
    margin: 0 5px;
}

Then remove: | from your code here:
https://generatepress.com/forums/topic/customize-mobile-featured-image-archives/#post-1323578

[Elio Martinez]

That do the trick!

Thanks a lot!

[Elio Martinez]

One more thing…

As I deleted the | from my code here: https://generatepress.com/forums/topic/customize-mobile-featured-image-archives/#post-1323578

In single.php there is no | between the date and the author: https://prnt.sc/synv9f

[Elio Martinez]

I solved it doing this (don’t know if is the better way todo do it, but works):

body:not(.archive) .entry-header .entry-meta span.author-name:before {
    content: '|';
    margin: 0 5px;
}

[Elio Martinez]

Sorry to open this again, but with that css on the homepage I see the | before the author.

It’s easy changing something from this php? https://generatepress.com/forums/topic/customize-mobile-featured-image-archives/#post-1323578

In homepage and archives is author and date, but in single is in reverse order: date and author. Maybe it is easy change something from to show in the same order always.

[Leo]

Give this CSS a shot:

.single .entry-meta {
    display: flex;
}
.single .posted-on {
    order: 2;
    padding-left: 5px;
}

[Elio Martinez]

Solved!

THANKS

[Leo]

No problem 🙂

[Author]

Posts