All of Northfolks templates are meticulously designed to give you and your viewer the optimal experience. So you will find this area handy for learning how to update your demo XML pages or certain specific features that were coded in.
We have designed a few custom elements to transform your ordinary bio into something looking custom.
1. Edit the layered PSD bio image in Photoshop and save as PNG.
2. Upload to your Bio page with these settings:
3. Edit your text
4. Here is where you will add a ProPhoto Grid with these settings:
(Grid type: Custom, Grid style: Text below, Grid layout: masonry, Columns: 3)
5. Drag your first 3 custom grid items in the "Selected custom grid items" column
6. Insert grid and Update / Publish page.
With our suggested layouts, we included a Information page. Included is an area to add any information as well as pre designed custom grid buttons for packages. If you choose to use them, you will find the images in the grid area.
ProPhoto > Grids > Custom Grid Items
In this area you will be able to change out the image, headline and text you wish shown. Once you have all information changed, save and go to the Information page included.
Grids and slideshows on pages do not transfer with the XML file but you can see where they are located on the page, delete that and add a new ProPhoto grid.
Depending on how many collections you want shown, you will want to do them in rows of 2. In order to keep them perfectly lined up, we have included 2 custom grid layouts for the page.
Here is where you will add a ProPhoto Grid with these settings:
(Grid type: Custom, Grid style: Text below → check box for grid text and 1000 for character length, Grid layout: masonry, Columns: 2)
Insert grid and repeat for the next row of two.
Update / Publish page when finished.
This design is programed with custom CSS to give it a unique look. Here is where you will find lines of code that you can change to fit to your needs.
ProPhoto > Advanced > Custom code
Changing the Contact Form text and background color:
Fourth paragraph, all hex highlighted in green is the font color and all hex highlighted in pink will be the text area background. The text highlighted in blue will be your font type.
If there is something you are just not finding, feel free to check out our FAQs page or submit a ticket.