How to add custom CSS styling

Replo allows you the option to apply custom CSS styling which gives you even more refined control of your design experience. It can be to override a theme code conflicting with your Replo styling or add a new font.

To Add Custom CSS On Replo:

  1. Go to Components, Search for HTML component

  2. Drag it into the HTML component into the top section of the page (You can drag into any section, but the top is ideally the best place)

    Apply Custom CSS.gif

  3. Navigate to Config on the right side tab and click on “Launch Code Editor”

    Custom CSS Apply.png

  4. Add an opening and closing style tag

    <style> </style>
    
  5. Paste your custom CSS code in between the style tags and hit save.

    Apply Custom CSS (1).gif

Was this article helpful?