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.



    • Related Articles

    • How Can I Edit the Homepage Using Toggle Mode?

      You can edit the homepage layout using Toggle Mode. Visual Editing Log in to your admin panel and click on the eye icon on the top-right corner. On the platform homepage that opens, click the 'Toggle Edit Mode' button located at the bottom-left ...
    • How to Prepare an Appropriate Logo for Your Platform?

      Logo design is an important process that visually expresses a brand's identity and values. For an effective logo design, it's important to pay attention to the following elements: Simplicity: A good logo should be simple. Instead of complex designs, ...
    • How to Prepare an Appropriate Banner Image for Your Platform?

      The banner image on your platform, which will be the first visual your visitors encounter, is extremely important. In this section, you should use an impactful visual that grabs visitors' attention and effectively introduces your platform, along with ...
    • How Can I Personalize My Platform?

      Gurulize provides you with a customizable platform where you can offer consultancy services related to your expertise. You can create a personalized platform with your own text and visual content based on the theme you selected during the sign-up ...
    • How Can I Manage Platform Menus?

      You can edit the top menu and footer menus on your platform. Log in to your admin panel. From the left menu, follow the steps: Content -> App Menu. You can drag and drop the titles in the top and bottom menus to rearrange them. Click the delete icon ...