{"id":54210,"date":"2024-12-19T12:28:57","date_gmt":"2024-12-19T10:28:57","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=54210"},"modified":"2025-07-21T10:01:56","modified_gmt":"2025-07-21T07:01:56","slug":"edit-your-home-page","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/edit-your-home-page\/","title":{"rendered":"Edit your Hello Biz home page"},"content":{"rendered":"\n

To customize your website, you\u2019ll need to edit the pages that came with the website kit. Editing is done using the Elementor Editor. <\/p>\n\n\n\n

To edit your home page:<\/p>\n\n\n\n

    \n
  1. Go to WP Admin>Hello Biz<\/a><\/strong>.
    \"\"<\/li>\n\n\n\n
  2. Click Edit home page<\/strong>.
    Your Home page opens in the Elementor Editor.<\/li>\n<\/ol>\n\n\n\n

    In this example, we\u2019ll change the business\u2019 name and the image at the top of the page. Both of these are part of the Hero section of the page. A hero section of a web page features an eye-catching image and showcases key content, branding, and a call-to-action.<\/p>\n\n\n\n

    To change the business name<\/strong>:<\/p>\n\n\n\n

    The pages of your site consist of containers, and inside the containers are widgets. In our case we\u2019re going to edit the Hero section widget which contains the business name and image.<\/p>\n\n\n\n

    For details about the Hero section widget, see Hero section widget.<\/p>\n\n\n\n

      \n
    1. On the canvas, click the top of the page. This selects the Flex Hero widget<\/a>.
      \"\"
      You can now edit the Hero widget using the panel on the left.
      \"\"<\/li>\n\n\n\n
    2. (Optional) You can change the basic layout of your home page. We’ll leave our page as is.
      \"\"<\/li>\n\n\n\n
    3. In the Heading<\/strong> section, enter a name for your business. For this example, we\u2019ll enter Alex\u2019s Sports Pub<\/strong>.
      Now let\u2019s  add a short tagline.
      \"\"<\/li>\n\n\n\n
    4. In the Subheading<\/strong> text box, enter Cheers, Beers and Roaring Crowds<\/strong>. 
      To encourage reservations, we\u2019ll add a button to take visitors to the reservation page.
      \"\"<\/li>\n\n\n\n
    5. Open the CTA<\/strong> section of the Hero widget.
      \"\"<\/li>\n\n\n\n
    6. In the Text<\/strong> box, enter Reserve Now<\/strong>. 
      \"\"<\/li>\n\n\n\n
    7. In the Link<\/strong> text box, enter the URL of the reservations page.
      \"\"<\/li>\n\n\n\n
    8. Click the icon symbol.
      \"\"
      This opens the icon library.
      \"\"<\/li>\n\n\n\n
    9. Select a beer icon for the button.
      \"\"<\/li>\n\n\n\n
    10. Click Insert<\/strong>.

      Now let’s add an appropriate image.
      \"\"<\/li>\n\n\n\n
    11. Open the Image<\/strong> section of the Hero widget.
      \"\"<\/li>\n\n\n\n
    12. Hover over image and click Choose image<\/strong>.
      \"\"<\/li>\n\n\n\n
    13. Navigate to the image you want to use.
      Now let\u2019s change the styling of the section.
      \"\"<\/li>\n\n\n\n
    14. Click the Style<\/strong> tab.
      The style tab is where you control the look and feel the widget\u2019s contents.
      \"\"<\/li>\n\n\n\n
    15. Open the Content<\/strong> section.
      \"\"<\/li>\n\n\n\n
    16. In the Heading<\/strong> section, click the color swatch.\u00a0
      \"\"<\/li>\n\n\n\n
    17. Select a color from the color picker. For details, see Pick a color<\/strong><\/a>.
      Notice the color of the Heading changes to your selected color. You can also change the font size and type using the Typography menu. For details, see,       Typography<\/a>.
      The Hero section is now customized for your website. 
      [callout type=”note”]In order for Headers and Footers to appear on Hello Biz pages, the Page Layout<\/strong> in Page Settings<\/strong> must be set to Elementor Full Width<\/strong>. To configure the page settings, see       Configure page settings<\/a>.[\/callout]<\/li>\n<\/ol>\n\n\n\n

      For a detailed explanation of the Hello+ widgets, see:<\/p>\n\n\n\n