Skip to content
  • How does it work?
  • Packages
  • Reviews
  • FAQ
  • Contact
Menu
  • How does it work?
  • Packages
  • Reviews
  • FAQ
  • Contact
Webpresso® Docs

Getting started

  • Add a logo to your website
  • Add a menu to your website

Adding content

  • Create a link
  • Add stock photos to your website
  • Add a form to your site
  • Create a news / blog post
  • Create a news / blog overview page
  • Add a Call to Action to your pages

Design

  • Create a section with a background image

Problem solving

  • Refresh your website
  • Home
  • Docs
  • Design
  • Create a section with a background image

Create a section with a background image

Create a content section with a background image with the following steps:

  1. Drag a widget to the page. If you don’t want to display anything on the background, you can choose the Spacer widget for empty space.
  2. Right click on the section and choose Edit Section.
  3. In the left panel under Advanced you can give the section some padding to create enough space to display the background image.
  4. Click on the Style tab and behind Background Type click on the first icon (classic).
  5. Click on the grey box below Image.
  6. Choose an image from the Media Library or upload an image from your computer.
  7. At Position you can choose from which position the background needs to be aligned. Choose for example Center Center to align the image in the middle.
  8. At Repeat choose no-repeat and at Size choose Cover to let the image not repeat itself, but cover the whole section.
  9. Optionally you can set the Position to Custom to manually determine the positioning of the background image. When you choose for custom positioning, make sure you select positioning by percentage to make it responsive.
  10. Optionally you can add a background overlay color under Background Overlay.
  11. To add a background overlay, click on the first icon behind Background type (classic).
  12. Choose a color and at Opacity you can change the opacity of the overlay.

You now have a section with a background image.

https://webpresso.app/wp-content/uploads/2020/02/Webpresso-create-section-with-background-2.mp4
Still stuck? How can we help?

How can we help?

Websites and coffee

Webpresso® is developed by Edwin from Webpuccino®. Edwin is continuously searching for the best solutions for making it easier to create and manage websites. Webpuccino® develops custom-made websites, created through the collaboration of a designer and a developer. Because that takes a lot of time and work, those websites are often more expensive. That’s why we’ve created Webpresso®, to offer an affordable alternative where you can build your own website. More information about Webpuccino®, the company that created Webpresso®, you can find at webpuccino.com.

  • info@webpuccino.com
  • +31 (0) 6 25 28 07 07

© 2020 Webpresso® - Create your own website like making your favorite coffee | Privacy | Terms and Conditions | This website was built with Webpresso® by Webpuccino®

Envelope
Mobile-alt
Facebook-f