Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  1. Log to the Admin Panel

  2. Go to Appearance > Customize

    image-20241111-135437.png

  3. Click on the Additional CSS

  4. Add the additional classes to modifying the site

    image-20241111-135541.png

  5. And click on the Publish button to apply the changes

    image-20241111-135629.png

To modify an especific component.

  1. Go to site.

  2. Press rigth click and click on Inspect element.

    image-20241111-193119.pngImage Added

  3. Select the element to be edited.

    image-20241111-193740.pngImage Added

  4. For example, if we want to edit the button in the footer of the component, we will use this:

    image-20241111-194501.pngImage Added

    1. Because in this way we can identify the component by its CSS classes and HTML tags.

  5. And this is the result:

    image-20241111-194633.pngImage Added

  6. We must now choose a color and look for its hexadecimal code.

    image-20241111-194750.pngImage Added

  7. And in this way we can change the colors

    image-20241111-194829.pngImage Added