Archived topic

new line after updated in meta

7 replies · Started by Anil on February 7, 2022

Viewing posts 1–8 of 8

February 7, 2022 at 2:59 am #2107904

Please suggest way to insert new line updated and posted dates

following not working

/* entry meta below title */
div.entry-meta {font-size: 70%}
.posted-on .updated {display: inline-block}
.posted-on .updated:before {content: "Updated: "}
.posted-on .updated:after {content: "\a"; white-space: pre;}
.posted-on .published:before {content: " Posted: "}
.posted-on .updated + .entry-date {}
/* --- */

Regards.

February 7, 2022 at 5:56 am #2108073

Hi there,

try this CSS:

.single .entry-header .entry-meta {
    display: flex;
}
.single .entry-header .posted-on {
    display: flex;
    flex-direction: column;
}
.single .entry-header .byline {
    margin-left: 10px;
}

Or this CSS if you want the author byline on the second line:

.single .entry-header .entry-meta {
    display: flex;
    align-items: flex-end;
}
.single .entry-header .posted-on {
    display: flex;
    flex-direction: column;
}
.single .entry-header .byline {
    margin-left: 10px;
}

February 7, 2022 at 8:35 am #2108436

Thanks David, it is working but can you please help to improve this on mentioned url

February 7, 2022 at 8:52 am #2108453

Thanks, I did it with change in date format.
Warm regards.

February 7, 2022 at 8:53 am #2108454

Whats the issue ?
Theres not much i can do about the spacing between the date and the byline as they are not in the same container.

February 7, 2022 at 9:06 am #2108468

Glad to be of help

February 7, 2022 at 10:01 am #2108540

about the spacing between the date and the byline

I feel, hide all in customiser, and hook a new function after title with proper format as I need will help.
Regards

February 8, 2022 at 4:02 am #2109250

For customizing the meta we recommend using a Block Element:

https://docs.generatepress.com/article/block-element-post-meta-template/

This archived topic is closed to new replies.

Start building better websites today.