Skip to main content

How to Make Website Changes

How to video:

1

Getting to Edit Mode

  1. Sign in to an account with edit permissions
  2. Go to the page to edit
  3. Click edit in the top menu bar
  4. Click on YooTheme Builder

2

Editing a Page

Once you open the Builder. You will get a sidebar like the one below.

Add an element

Click this plus button to add an element (a text box, an image, a headline, a button)

Add a Section

Sections are a group of rows, they can have a different color background, different size, and using sections allows you to move and reorder chunks easily

Rows

In order: Edit, Duplicate, delete or add a row.

Rows are 1 to 5 elements side by side. This is how you get an image next to text for example. Click edit and click the “Whole” button under “Layout” at the top to change how many columns a row has.

Viewer

View page as desktop, tablet, or phone mode to see how it renders differently.

Edit Section

In Order:

Edit: Set a background image and width fora section.

Duplicate a section

Save a section as a template (to reuse on a different page)

Delete a section

Hover over a Blue “+” to learn about editing

3

Using Elements

There are a lot of elements which are building blocks. Some of them are more useful than others. See the examples below for the more useful ones.


This is the menu of elements to build with. See examples of them below.

At the top of the element menu you can also use “pro presets” to try different examples.

>Headline

>Text

^Icon

^Image

>Quotation

By This auto
  • This is a list

  • Same list


^Divider^

Below is a Panel Slider

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Below is a Switcher

    Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Below is a Grid

    Grid item

    Content on a grid item

    Grid item

    Content on a grid item, this can also have tags and filters

    Panel (title)

    Meta

    Content on a panel (In Panel settings, this is “Card Default” and padding “Default”) 

    These are elements

    4

    Save or Publish

    Click “Save Layout” to save your work and “Publish” to push the edit to the live website.

    Need More Help?

    This website is a WordPress site using the Yootheme theme. To get into more details about how Yootheme works, read their documentation 

    or click  on the builder page


    Managing Events

    Adding Events

    Create events to show up on the calendar

    Editting Events

    Either Use Edit Mode above or use simple text

    Uploading Newsletters

    1. Go to the admin site
    2. Under “Post” choose “Add New”
    3. Create the post
      1. Write a title (i.e. September 2023 Newsletter)
      2. Set a feature image (bottom left)
      3. Copy HTML from mailchimp
      4. Choose Text
      5. Paste the HTML
      6. Choose Visual and delete the blank space
    4. Click publish