Custom Inline Styles

WordPress Plugin Staff List – CSS Custom Inline Styles

What’s an inline style?

Inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property. They have the highest level of specificity, so override your actual style sheets. An inline style loses many of the advantages of a style sheet (by mixing content with presentation). Use this method sparingly.

How to add inline styles

Not all of Staff List layout elements have an option to add inline styles.
  • Find the HTML element you want to modify.
  • Go to Custom Inline Style.
  • Enter property-value pair: property:value; like color:blue;.
  • Do not include: style, equal sign or double quotes.
Yoy can add multiple styles. Don’t forget to include the semicolon ; after each property value pair.
Example color:blue;font-size:46px;
It will render as style=”color:blue;font-size:46px;”
<p style="color:blue;font-size:46px;">
This is a paragraph.
You may want to apply inline styles during the development of your project. For production stage, you may consider replacing them with CSS classes.