Before and after elements css

Design help General
1

I would like to be able to add before and after pseudo elements to let’s say a button. I’m looking for a clear tutorial that goes through this step.
Thank you!

(how to share your site Read-Only link)

2

For now you can do this only by custom code (Minimal CSS knowledge require)

https://www.w3schools.com/cssref/sel_before.asp

<style>
.someclass::before {
  content: "Before content added by custom Code ";
}
</style>

Example

div (Red box) class name classname

image
image1485×428 20.8 KB

Embed code -or- before body/head for entire-site -or- per-page.

embed code example:

image
image825×665 13.6 KB

Add style and use class selector (.)

<style>
  .classname::before {
    content: "Before";
    font-size: 60px;
  }
</style>

Output:
image

Tutorials

Google/youtube it (You find endless tutorials/examples)

2 Likes