Pike13 Pro Tips

Take control over your cover photo

Take control over your cover photo


more customizable cover photosCover photos on your Pike13 website are a great way for showing your business’s brand. We recently checked out how you are using cover photos for your business and saw an opportunity to make them more flexible.

Before, we proportionally scaled the cover photo in your website header so that it always fit in the header. This worked great for photos but not for graphics or logos because the scaling would distort the design.

You now have four options for choosing how your cover photo appears:

Fill (default)

68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f39363130382f323438333532372f30353437363061362d623130322d313165332d383435312d3635353462663335623033652e676966

Your cover photo is proportionally scaled to fit the width of the website header, no matter what size the browser window is.

Fit:

fit

Your cover photo is scaled proportionally to fit the height of the website header.

Centered:

center

Your cover photo is centered in the website header and isn’t scaled or altered in any way.

Tiled:

tile

Your cover photo is tiled in the website header, creating a repeating pattern (you can use a much smaller cover photo).

Change your cover photo

  1. At the top of any Pike13 page, tap Settings, and then tap Pike13 Website.
  2. Tap Customize Your Pike13 Website.
  3. Tap the Header tab.
  4. To upload a new cover photo, tap the Change button.
  5. To change how your photo appears, tap the dropdown menu, and then choose Fill, Fit, Center, or Tile. The website preview below the website editor updates in real time as you change the cover photo display.
  6. On this settings page you can also:
    1. Use a background color in conjunction with your cover photo by tapping the colored square.
    2. Show or hide your business logo by tapping Show or Hide.
    3. Show or hide your business name by tapping Show or Hide.
  7. To finish, tap Save, and then tap Go Back To Staff Website.

Remove an existing cover photo

  1. At the top of any Pike13 page, tap Settings, and then tap Pike13 Website.
  2. Tap Customize Your Pike13 Website.
  3. Tap the Header tab.
  4. Tap the Remove button next to your cover photo.
  5. To finish, tap Go Back To Staff Website.

Similar posts

The Pike13 Blog

At Pike13, we're passionate about helping fitness business owners succeed. Our innovative software solutions empower businesses of all sizes to streamline their operations and grow their customer base. Whether you're a small boutique studio or a large gym chain, our platform is designed to help you manage your business more efficiently and effectively.