Site logo

Archived topic

How to use ::before ::after

3 replies · Started by Felix on December 31, 2020

Viewing posts 1–4 of 4

Hello Team-GP,

I noticed sth nice on a website, that I would like to implement on mine.
The website seems to use ::before and ::after to implement certain css. I am not 100% sure, how to proceed here for my website. How exactly would I implement the css for it to be applied on the first picture after the header on my landing page only?

Happy 2021!

Hi there,

Providing a custom solution like this is a bit out of the forum scope here.

I would recommend starting with copying the exact HTML and CSS the example site is using:
https://docs.generatepress.com/article/blog-content-layout/#archives

So that includes adding the stylized-background class to the image block and the CSS seen in the screenshot above.

I believe that should be it.

Hope this helps to get you started :)

Sure, I understand.

Will have a look.

Cheers

No problem :)

This archived topic is closed to new replies.