Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Anchor
top
top
For site administrators: How to edit and modify the Home Page.

...

Anchor
custom-sections
custom-sections
Home Page Custom Sections 1, 2 & 3

This page allows you to insert custom text and HTML into your home page. There are three positions at which you can insert content:

  • Section 1: Between the image carousel and the highlighted links
  • Section 2: Between the highlighted links and the events/announcements
  • Section 3: Between the events/announcements and the footer

Image ModifiedImage Modified


  1. Sign in to your myClubhouse site with administrator-level priviledges and stay on the Home Page.
  2. The first custom section will be inserted beneath the image carousel, click the green Add Section button  or, if you already have a custom section, hover your cursor over it and click the yellow edit button. If you cannot seet the button, navigate to Admin > Page Customisation > Customise Home Page. 
  3. Scroll down the page to the section you wish to modify. Use the WYSIWYG html editor to add your own content.
  4. If you know HTML and want to have more control over your design, click the left-hand buton in the toolbar to edit the HTML code directly.

    Info

    You can use css style classes from Bootstrap or add your own styles in the HTML. For more details on Bootsrap styles and responsive design, visit https://getbootstrap.com/.


  5. It is essential to use responsive web design on any custom sections, to ensure your home page will look great on mobile devices and tablets.
  6. Once you have finished adding your content, check the 'Enable' box and scroll to the bottom of the page to Save Changes.
  7. View your home page to see how it looks, don't forget to check it on mobiles and tablets too!

    Info
    titleTutorial

    Want to improve your responsive web design? Try this Bootstrap 4 tutorial - best & free guide of responsive web design.


Status
colourYellow
titleUnder Construction

...