[Resolved] Add badge to div container using CSS

[Dave]

Hi Guys,

I’d like to add a small ribbon to the top of a div container, where I can input header text. The screenshot below shows pretty much exactly what I’m going for – I’d like to re-create the blue ribbon that says “Philips”, but in a different color.

https://www.irreverentgent.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-05-at-12.55.54-PM.png

I’ve tried using the CSS and html code from multiple sites that offer free CSS designs, but their code never seems to play right with my site.

Any tips or suggestions you can give would be very much appreciated!

[Leo]

Hi there,

Are you using the block editor and GenerateBlocks?

If so it should be achievable.

If not then you would need to use the browser developer tool on that example to determine the HTML and CSS involved.

[Dave]

OK cool, thanks Leo.

[Leo]

No problem 🙂

[Author]

Posts