Streaming live at 10am (PST)

Before and after elements css

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)

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

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

embed code example:

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)