Lesson 10 of 44
In Progress

Your logo

How to Change the Logo on Your YSOB Site

Step 1: Accessing the YSOB Site Dashboard

  • Log in to your YSOB dashboard
  • Navigating to the Theme Builder
  • In the left-hand sidebar, click on “Templates” and select “Theme Builder” from the dropdown menu.

(Screenshot 1: Dashboard)

Step 2: Editing the Header Template

  • Inside the Theme Builder, locate the “Header” template and click on it. This template controls the appearance of the header section on your site.
  • The header template editor will open, displaying the current design of your site’s header.

(Screenschot 2: Theme Builder page)
(Screenshot 3: Templates list with the ‘Header – Standard’ template highlighted)

Step 3: Changing the Logo

  • Within the header template editor, click on the the existing logo element. You should see options and settings related to the logo appear in the settings panel or sidebar.
  • Click on ‘Edit Site Logo’ and then ‘Content’ to change the logo image or text.
  • Replace the existing logo with a new image or edit the text to display a different logo name.
  • If you’re replacing the logo with a new image: a. Click on the option to upload a new image. b. Select the logo image from your computer. c. Adjust any additional settings, such as the image size or alignment, if applicable.
(Screenshot 4: Edit Logo menu)

(Screenshot 5: click ‘Change Logo’)
(Screenshot 6: Site Settings, click ‘Choose Image’

Step 5: Preview and Publish

  • After changing the logo, make sure to preview the updated header to see if it comes out well. Click on the eye icon below, next to ‘Update’ to preview.
  • Take the time to review the logo’s position, size, and overall appearance in the header.
  • If you’re satisfied with the changes, click the “Publish” or “Update” button to make the changes live on your YSOB site. Note: It’s important to publish the changes for them to be visible to your site visitors.
(Screenshot 7: Elementor editor with the ‘Preview’ button)
(Screenshot 8: Edited Header template in ‘Preview’ mode)

Congratulations! You have successfully changed the logo in the header template of your YSOB site. Your site will now display the new logo you selected or the edited logo text.