How Can I Customize My Platform Design Using CSS?

How Can I Customize My Platform Design Using CSS?

If you know CSS coding, you can make changes to your site's design. There are two methods for this:

  1. Log in to your admin panel and click on 'Content' from the left menu.
  2. On the page that opens, select the 'Custom Styling' menu.

  1. You can write your CSS codes in the 'CSS Content' field.
    1. By clicking the 'Save As' button, the code you write in the CSS editor will be saved under 'Themes.' When you select the saved code from 'Themes' and click 'Apply and Use,' the CSS will become active on your platform.

  1. To customize added images or content with CSS using 'Toggle Edit Mode' or 'Edit View,' follow these steps:
    1. First, select the widget you added. This includes the image or content piece you want to edit.
    2. After selecting the widget, an edit toolbar or menu will appear, providing you with tools to edit the widget.
    3. In the edit toolbar, there should be a '<> source code' option. Click this option. A window will open where you can see the widget's HTML and CSS source code.
    4. You can learn the 'class' name of the element you want to change by right-clicking and selecting 'Inspect' from the menu, or by pressing the F12 key on your keyboard to open the inspection page.
  2. For more detailed information on how to use Toggle Mode to change your platform design, check out the 'How to Edit Your Homepage with Toggle Mode?' article.