Editing Global Styles

Step 1: Log into your Duda account #

1. Go to Duda Login and enter your credentials.

2. From your dashboard, choose the website you want to edit.

Step 2: Enter the Site Editor #

1. Click “Edit Site” on the site you want to work on.

2. This opens the drag-and-drop editor where you can see your site visually.

Step 3: Open Global Design Settings #

1. On the left-hand panel, click “Design” (or “Styles” depending on your version).

2. Look for “Global Styles” or “Site Styles”.

   • This is where changes apply to the whole site, not just a single page.

Step 4: Changing Global Fonts #

1. In the Global Styles menu, find the Fonts section.

2. You can change:

   • Heading Fonts (H1, H2, H3, etc.)

   • Body Text Fonts (paragraphs, lists)

3. Click on the font dropdown and select the new font.

4. Changes here will automatically apply across all pages using these elements.

Step 5: Changing Global Colors #

1. Still in Global Styles, go to the Colors section.

2. You’ll see predefined color categories, such as:

   • Primary color

   • Secondary color

   • Link color

   • Background color

3. Click on a color swatch to choose a new color or input a hex/RGB code.

4. These colors will update globally wherever those styles are used.

Step 6: Adjust Other Global Styles (Optional) #

• Buttons: Modify size, border radius, and color for all buttons.

• Links: Change link styles for hover and active states.

• Form Elements: Update input boxes, checkboxes, and submit buttons.

Step 7: Preview and Publish #

1. Click the Preview button at the top to make sure changes look good across your site.

2. If satisfied, click Publish to make the updates live.

Tips #

• Always update Global Styles first, then tweak individual page elements only if necessary.

• Keep a consistent color palette to maintain brand identity.

• Use web-safe fonts to ensure consistent appearance across devices.