Simple Custom CSS Tutorial

  1. Activate the Simple Custom CSS plugin from the Suggested Plugins notification
  2. Click on Custom CSS under Appearance
  3. Open the page you would like to edit in a separate Tab or Window
  4. Find the CSS element to edit with your browser developer tool (ex: Firebug in Firefox)
  5. Find the name of the element (ex: class=”cta”)
  6. Go back to the Custom CSS Panel
  7. Type name of the element in the custom css panel field
  8. Type the edit you would like to make to the element (ex: background: #000;)
  9. Click Save
  10. Refresh to see if the changes took place