"Date icon" (#3397117) / PenciDesign

Comments

reanusbig started the conversation
June 21, 2023 at 12:06am
How do I insert the date icon before the date using Penci Small List?
See the attached screenshot.
Thank you
Attached files: Date Icon.png

2,541

PenciDesign replied

June 21, 2023 at 12:57am

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.grid-post-box-meta.pcsl-meta .sl-date:before {
    content: '\f133';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

Regards,
PenciDesign.

1 Like

reanusbig replied
June 21, 2023 at 1:09am
Perfect.
And how do I insert the date icon before the date using:
. Penci Featured Cat
. Penci Big Grid
. Penci Latest Post
. Penci Widget Recent/Popular Post
???

Thank you
reanusbig replied
June 21, 2023 at 1:30am
And as I also add the time of publication of the post so that we have this format:
[date icon] date - time
???

Example
[date icon] 21 June 2023 - 21:57

Without using AM and PM.
2,541
PenciDesign replied
June 21, 2023 at 3:56am
Hi,

1. Please modify the CSS code like the following below:

time:before {
    content: '\f133';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

2. If you want to change the post time format, please go to dashboard → Settings → Generla → Date Format.

Regards,
PenciDesign.
1 Like