Select the wished row that corresponds to the band and select Row Formats.Open on Step 4 - Page Creation the page you want to work at.In such cases, please proceed as follows: In most cases, to create this effect we work on the row formats, which also allows setting up a nice parallax effect. You may for instance want to change an image used as the background of a page horizontal band. WebSite X5 templates are real mini-sites, so apart from customizing the images used for the template, you may also need to access those which have been used for the single pages. How to substitute an image used in the Row Formats # tip - You can also define the contents for your Header and/or Footer. Don't forget you can use the Extend to the width of the browser window option to make the Header or the Footer as wide as the browser window.Click on the of the Image File option and import the image you want to use or use the Color option instead.Go to Step 2 - Template Settings > Template structure and set the Header or Footer as Page Section.If you want to edit the image or the color used as Header/Footer background, you need to: Header and Footer are two sections which are practically always available on a website, because they report some important details such as the logo or the main menu. How to substitute an image used in the Header/Footer
Website x5 professional 12 templates how to#
#tip - If you want to work on the page content background for a specific page without editing the whole template see: How to set a page content background that differs from the general template settings Click on the of the Image File option and import the image you want to use.Go to Step 2 - Template Settings > Template structure and set Page Contents as Page Section.In this case, the steps you need to follow are similar to those we already explained the previous paragraph: In this example, the page content section is the blue area. It is another template element you can customize. The page content background is the area where the page contents are placed. How to substitute an image used as page content background #tip - Do you want to work on the page background for a specific page without editing the whole template? See How to set a page background that differs from the general template settings Click on the icon of the Image File option and import the image you want to use.Go to Step 2 - Template Settings > Template structure and set the Page Background as Page Section.If you want to substitute the page background image used on a template, you need to: In this example, the page background is the blue area. The page background is the area outside the page, which is displayed when the website is opened on a browser having a higher resolution than the one set for the website itself. How to substitute an image used as page background of the website In this way, you can find the original files and possibly make a copy before substituting them. Manage the files wisely - By right-clicking on a filed you can use to import a file, you can open a context menu from which you can remove an imported file, open it in the folder it is stored in or save a copy.Use the preview- Don't forget you can check out the local Preview of the project at any time: this will help you understand how the template is organized and which are the parts that need customization.Images used in the Image, Gallery or similar Objectsīefore moving on, we have 2 tips for you:.Images added as page background of the website.The steps you need to follow vary according to the place the image is to be found. The good news is that you can edit any template element, including the images. Still, you may need to customize them, possibly by changing some images, so the layout better suits your activity, your field of the kind of products you want to sell. On top of that, you can also find more on our Marketplace.Īll the templates have been carefully developed and can be used as they are. WebSite X5 includes more than 100 preset templates you can choose for your project. How to customize a preset Template with your own images