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

Pike13 Logo - Profile Icon Round WhiteThe Pike13 Perspective

Insights, Advice, and Inspiration

At Pike13, we celebrate, support, and empower the passionate individuals behind the businesses that inspire us every day.

Client-focused businesses are our specialty. From fitness studios to tutoring centers, our blog is your trusted source for heartfelt advice, inspiring success stories, and expert tips to make managing your business easier and more rewarding. Whether you’re chasing big goals or appreciating small wins, we’re sharing insights and tools to help you grow with confidence.

Let’s navigate the journey of business ownership together—because your passion is what drives everything we do.