Date icon

Public Ticket #25080

Conversation thread

PenciDesign Supporter replied

3 years ago

Staff Reply

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.

reanusbig replied

3 years ago

Customer Reply

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.

reanusbig replied

3 years ago

Customer Reply

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

PenciDesign Supporter replied

3 years ago

Staff Reply

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.

reanusbig started the conversation

3 years ago

Conversation Start

How do I insert the date icon before the date using Penci Small List?

See the attached screenshot.
Thank you

Want to join this conversation or access attachments? Sign in first.