{"id":11611,"date":"2023-06-22T07:32:03","date_gmt":"2023-06-22T07:32:03","guid":{"rendered":"https:\/\/elementor.com\/academy\/?page_id=11611"},"modified":"2023-06-22T07:56:30","modified_gmt":"2023-06-22T07:56:30","slug":"store-edit-your-homepage","status":"publish","type":"page","link":"https:\/\/elementor.com\/academy\/store-edit-your-homepage\/","title":{"rendered":"Store – Edit Your Homepage"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Edit Your Homepage<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

By now, you should have a basic grasp of the editor and how it works. You’ve done some edits to your homepage’s content and learned to use the Global Color and Fonts settings. Now, you’re ready to make changes to every aspect of your homepage.<\/span><\/p>

You will need to review and edit each element of your homepage individually. The focus will be on explaining the key settings you can utilize when editing the content.<\/p>

In this unit, you will learn about all the main settings that you can use to edit your homepage.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/path><\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tYour Goal\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Edit your homepage layout, content, and style.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Process overview<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/rect><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/rect><\/path><\/path><\/path><\/path><\/mask><\/path><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<\/rect><\/path><\/path><\/path><\/path><\/mask><\/path><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLearn about this topic <\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t
  1. This step aims to provide a brief overview <\/strong>of how a page is created<\/strong>, giving you a general understanding<\/strong> of the larger picture. It will help you navigate your work effectively<\/strong> when editing your homepage.<\/li>
  2. You can create a page using different tools and routes<\/strong>.
    Here’s one option:<\/li>
  3. Create a new page and name it.<\/li>
  4. Set Global colors and fonts<\/strong> to reuse across your site.
  5. Create the layout<\/strong>: Choose a premade layout (the Plus icon on the canvas) or drag and drop the container widget from the panel.

  6. Style the layout<\/strong>: Add backgrounds, borders, etc.
  7. Add content<\/strong>: Drag and drop widgets on the canvas and add content in their Content tab.
  8. Style the content<\/strong>: Go to the Style tab of each widget and change the style settings to fit your design.
  9. Position each widget<\/strong>: Top-level positioning is done using the container’s settings.
  10. Go to the Advanced tab<\/strong> of each container and widget to fine-tune<\/strong> the element’s positioning, behaviors, and animations.
  11. Go to the Theme Builder<\/strong>, create your header and footer<\/strong>, and set them to appear on the Page.