How To Add Clock Icon to Reading Time Field?

  • generosus

    (@generosus)


    6 months, 2 weeks ago

    Hi there,

    Is there a way I can add a clock icon before the reading time field? Something like this.

    If so, it would be great if I can also change the clock icon color and size 🙂

    Please advise.

    Thank you!

Viewing 1 replies (of 1 total)
  • clausfaber

    (@clausfaber)

    5 months, 3 weeks ago

    You can use a font, like ElegantIcons (https://www.elegantthemes.com/blog/resources/elegant-icon-font#complete-set-and-unicode-reference-guide), insert the letter into the hook, and then style the label with css.

    You can use a hook like this (makes a nice hourglass):

    [rt_reading_time label=”&#xe0e1” postfix=”minutes” postfix_singular=”minute”]

    Then you have to add the css code somewhere in your theme where it is available at all pages:

    span.rt-prefix { font-family: ElegantIcons; }

    You then have to make the font available on your website. Divi has it included by default. In other themes, use a plugin to upload a custom font.

    • This reply was modified 5 months, 3 weeks ago by clausfaber. Reason: (css code correction)
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.