Set your logo as site background

Owned by Madzy Soetman
Last updated: Mar 20, 2024
2 min read

To set your company logo as your Refined site’s background:

  1. Create an image that shows your logo on a coloured background, with the proportions 3:1. Place the logo in the middle, leaving coloured space above and below it.

  2. Go to the Theme editor > Main Appearance and make the following settings:

    • Background: upload your image

    • Image options: full

    • Position image: centered

  3. In Theme editor > Site Homes, choose one of the two bottom options (Alternate or Wide Alternate)

  4. Save the theme and go to the home page of the site you applied the theme to.

  5. Edit the layout, and:

  6. Make sure the section is set to Transparent.

  7. Add a Search Highlight or Navigation Highlight module

  8. Set the module’s height to match the height of your background image. In our example, this is 500 pixels.