Overlay image with symbol

  • hansolavnyborg

    (@hansolavnyborg)


    4 years, 5 months ago

    Does anyone have any sugestion for including an overlay symbol on images
    to the frontpage? Like a plus symbol for post that are behind a paywall?

    LIKE THIS IMAGE

    • This topic was modified 4 years, 5 months ago by hansolavnyborg.
    • This topic was modified 4 years, 5 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    4 years, 5 months ago

    The overlay can be achieved by adding the symbol immediately after the image, then using CSS to move it so it’s over the image. This requires some custom PHP coding to do so.

    A CSS only solution is possible if you use a font icon as a symbol. Then you can use :before or :after pseudo-selectors to inject the symbol and relocate it to over the image. If paid only posts have some distinct class attribute, it can be used to conditionally add the symbol only to such posts.

    If there’s not already such a class attribute, some custom coding would be needed to add one in.

Viewing 1 replies (of 1 total)

The topic ‘Overlay image with symbol’ is closed to new replies.