<\/span><\/h3>\n\n\n\nStep 1: <\/strong>Ready to create your photography website without any hustle? Simply search for \u201cHostBet Website Builder\u201d<\/strong> in your search box on the DirectAdmin Dashboard and get started in minutes.<\/p>\n\n\n\nAlternatively, you can locate the HostBet Website Builder within the \u201cAdvanced Features\u201d <\/strong>section of your DirectAdmin panel.<\/p>\n\n\n\nStep 2: <\/strong>Once you locate the \u201cHostBet Website Builder,\u201d <\/strong>click on it, and you\u2019ll be redirected to the website builder page.<\/p>\n\n\n\nStep 3: <\/strong>Here, you will see the two options for creating a site: \u201cAdd a New Site\u201d<\/strong> or \u201cCreate a New Site.\u201d <\/strong>Click on either to create a website.<\/p>\n\n\n\nStep 4: <\/strong>Click \u201cGet Started\u201d <\/strong>to open the theme dashboard.<\/p>\n\n\n\n
Here, you\u2019ll find over 853 responsive themes available at our website builder. You can easily choose one that perfectly suits your niche.<\/p>\n\n\n\nStep 5:<\/strong> Because we’re creating a photography website<\/strong>, choosing a theme related to photography makes perfect sense.<\/p>\n\n\n\nSo we search for the photography-related theme<\/strong> name in the search box we want to use for my website. For demonstration purposes, we use a \u201cShashin\u201d <\/strong>theme for our photography website. <\/p>\n\n\n\nStep 6: <\/strong>Once you\u2019ve found the perfect theme for your website, click the \u2018Select\u2019 <\/strong>button.<\/p>\n\n\n\nStep 7: <\/strong>Here, you must provide site details like address, email, phone number, title, and description. (In the directory, leave it blank.) Click \u201cProceed with Install\u201d <\/strong>once you\u2019re finished.<\/p>\n\n\n\nStep 8: <\/strong>Then, a pop-up message will open. Please take a moment to read it before making your choice.<\/p>\n\n\n\nStep 9: Congratulations! You\u2019ve completed the process of creating your website.<\/strong><\/p>\n\n\n\nYou now have two options:<\/strong><\/p>\n\n\n\n\nClick here to log in to your site and start editing.<\/strong><\/li>\n\n\n\nClick here to view your new site.<\/strong> <\/li>\n<\/ol>\n\n\n\nTo customize your website, <\/strong>click \u201cReturn to Sites\u201d<\/strong> to access the SitePad themes dashboard. Here, you can view your installed themes and make customizations. <\/p>\n\n\n\nBefore you begin customizing your dream website, just visit the site itself to identify the elements of the theme you want to change<\/strong><\/p>\n\n\n\nStep 10:<\/strong> Hover over the theme you want to customize and click on \u201clogin to the site.\u201d<\/strong><\/p>\n\n\n\nBefore starting to customize the theme, you need to understand the sections of the theme to ensure you can navigate the customization process without any hustle. <\/strong><\/p>\n\n\n\nThe section in the screenshot is called the home header. This includes all your menu, images, logo, and heading text.<\/strong><\/p>\n\n\n\nThe section in the other screenshot is called the footer. This includes the company description, contact details, and footer menu. <\/strong><\/p>\n\n\n\nThe part between the header and footer is called the home page.<\/strong><\/p>\n\n\n\nStep 11:<\/strong> Here, you\u2019ll see various options like settings, blog, media, menu, themes, templates, security, and more.<\/p>\n\n\n\nStep 12: <\/strong>First, we customize the below heading sections of our photography website.<\/p>\n\n\n\nRemember to update your changes after editing. Otherwise, your modifications won\u2019t be reflected.<\/strong><\/p>\n\n\n\nStep 13: <\/strong>To customize the heading sections of our website, just click on the \u201cTemplates\u201d <\/strong>options.<\/strong><\/p>\n\n\n\nStep 14: <\/strong>Clicking this will redirect you to the Pagelayer Templates<\/strong> dashboard. where you can edit your site\u2019s various pages, including the header, footer, blog template, single post template, and 404 pages.<\/p>\n\n\n\nStep 15:<\/strong> To customize your heading sections, just click on \u201cHome Header.\u201d <\/strong>As we explained above,<\/p>\n\n\n\nStep 16: <\/strong>Clicking this will redirect you to the Pagelayer Template Editor.<\/strong> Click on \u201cEdit using Pagelayer.\u201d<\/strong><\/p>\n\n\n\nStep 17: <\/strong>To edit this heading text, \u201cPerfect Mood Is Always Here…\u201d<\/strong> and other text in the home header section, simply select the specific text you want to edit and click on \u201cTitle.\u201d <\/strong><\/p>\n\n\n\nStep 18: <\/strong>Here we have changed the heading text \u201cPerfect Mood Is Always Here….,\u201d<\/strong> to \u201cSee the World Through My Lens.\u201d<\/strong> Similarly, <\/strong>you can edit all the text in this section.<\/p>\n\n\n\n\nAs with the previous examples of text editors, you can edit or change any text in this section.<\/li>\n<\/ol>\n\n\n\n\nYou can convert normal text into headings H1, H2, and H3, and edit anything in this section, including box style, background style, border style, font, color, text animation, and selecting \u201csettings and options.\u201d<\/li>\n<\/ol>\n\n\n\n\nSimilarly, you can edit your home page menu directly from the home header<\/li>\n<\/ol>\n\n\n\nStep 19:<\/strong> After editing the \u201cHome Header,\u201d<\/strong> return to the Dashboard. Click on \u201cPages\u201d<\/strong> and select \u201cAll Pages\u201d<\/strong> from the menu.<\/p>\n\n\n\nHere, you can see all the pages of your website, like the blog, about, contact, and home. <\/strong><\/p>\n\n\n\nStep 20:<\/strong> Click on \u201cHome Page\u201d<\/strong> to customize the content of your home page.<\/p>\n\n\n\nStep 21:<\/strong> Similarly to the home header title-text tutorial, you can edit the title or description by selecting the \u201cText\u201d <\/strong>or \u201cTitle\u201d<\/strong> option from the setting.<\/p>\n\n\n\nStep 22: <\/strong>Let’s change the images and text of our photography website services. Simply click on the image you want to change.<\/p>\n\n\n\nStep 23: <\/strong>Clicking on the image, will open a specific editing menu for that section.<\/p>\n\n\n\nStep 24: <\/strong>To replace the current image, click the Choose Images\u201d option. <\/p>\n\n\n\nStep 25: <\/strong>To upload the image, click on Select Files. <\/strong>Alternatively, you can upload pictures using drag-and-drop options. <\/p>\n\n\n\nStep 26: <\/strong>Once you’ve uploaded the image, select it and click “Insert” to add it to your content<\/p>\n\n\n\nStep 27: <\/strong>To edit our photography’s \u201cOur Services<\/strong>\u201d section, <\/strong>click on the specific inner service section you want to edit.<\/p>\n\n\n\nStep 28: <\/strong>As with the previous examples of text editors, you can customize everything in this section, including icons, headings, content,<\/strong> and more.<\/p>\n\n\n\nStep 29: <\/strong>Let’s edit our photography website’s \u201cPlans and Pricing\u201d<\/strong> section. Just click on the specific category plan you want to edit.<\/p>\n\n\n\nStep 30: <\/strong>As we explained in the Home Header<\/strong> or Home Page<\/strong> Heading tutorial, you can also edit the title, price, or description by selecting the \u201cText\u201d or \u201cTitle\u201d<\/strong> option from the settings.<\/p>\n\n\n\n\nClicking the button allows you to edit its text and add a link for further purchase or information.<\/li>\n<\/ol>\n\n\n\nStep 31: <\/strong>Let’s change the image of the price category on our photography website. Just click on the specific picture you want to change. <\/p>\n\n\n\n\nAfter selecting the image click on the background, <\/li>\n<\/ol>\n\n\n\n\nHere, you can add various media, including videos and pictures, instead of just photos.<\/li>\n<\/ol>\n\n\n\nSimilarly, you can edit all the plans and images in a particular category.<\/strong><\/p>\n\n\n\nStep 32: <\/strong>To edit our photography website’s “Personalize Your Plan”<\/strong> contact form, clicking on the edit option will open a specific editing menu for that section. Just click on the “Contact Form.” <\/strong><\/p>\n\n\n\n\nIn the Contact Form <\/strong>editor, you have the flexibility to remove fields that are not essential and add new fields to meet your specific requirements.<\/li>\n<\/ol>\n\n\n\n\nAs we explained above, you can edit anything in this contact form section, including label style, form style, input style, button style, and more. <\/li>\n<\/ol>\n\n\n\nStep 33: <\/strong>To change the email, visit your HostBet Dashboard -> Settings -> Editor Settings<\/p>\n\n\n\nStep 34: <\/strong>One more step! Let’s customize the footer section and launch your photography website around the world!<\/strong><\/p>\n\n\n\nEditing the footer section is very easy! You need to just follow the same steps we explained earlier for other sections like heading text content, list section, etc.<\/p>\n\n\n\n