Using CSS to make marker for paywalled content

  • Resolved steffenmad

    (@steffenmad)


    2 years ago

    I want to create a marker/logo connected to a post category. I have som content behind a paywall, and it’s set up so every post in the “+”-category is restricted for members.

    I start every post title with “(+) [TITLE]”, but i want to have some kind of +-icon overlaying the post pictures instead.

    How is this possible?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    The simplest way would involve using an icon font like dashicons for use in displaying your + icon. It’s already enqueued for the admin area, but you’d need to explicitly enqueue for front end use.

    Use the ::before or ::after CSS pseudo-selectors and specify “\f132” as the content: property. Use CSS positioning rules to adjust the location of the icon.

Viewing 1 replies (of 1 total)
  • The topic ‘Using CSS to make marker for paywalled content’ is closed to new replies.

Tags