Lesson 1 of 0
In Progress

Your logo

Wisse 08/04/2023

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: WordPress 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, look for the existing logo element. It may be an image or a text element containing the logo.
  • Click on the logo element to select it. You should see options and settings related to the logo appear in the settings panel or sidebar.
  • Look for the setting that allows you to change the logo image or text.
  • Depending on the settings available, you can either 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, it’s crucial to preview the updated header to ensure it appears as desired.
  • Within the Theme Builder interface, locate the preview option, usually represented by an eye icon or a “Preview” button.
  • Click on the preview option to see a live preview of your YSOB site with the updated logo in the header.
  • 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.