Thank you for purchasing Nickel & Hound by Northfolk LLC!
Here is our EXTENSIVE tutorial guide to make your life easier! See Design Specific options in the next article.
Open Sans Condensed Light & Bold
** all fonts are pre-loaded into your design**
HEX COLORS USED:
In your zip file you will find a file titled Resource_Files where you will see all of your editable PSD files for changing out images and buttons throughout your design.
Most of our logos are built right into ProPhoto using buttons, here you can chose the text layer you wish to change and update it with your business name as well as your personal branding colors should you choose not to use the design colors.
ProPhoto > Buttons > Logo
In the case of expanding upon the text capabilities of ProPhoto, we will use a layered Photoshop Document included in your resources file. Be sure you have downloaded and installed all of the listed (FREE!) fonts and just open up your file and edit the necessary text layers, save as PNG and upload to the LOGO button and update.
If your design comes preloaded with a color background you can easily change this in the Background panel and save changes. If your design has a full image in the background, this can typically be found in the Extra background images area.
ProPhoto > Background
ProPhoto > Advanced > Extra background images
If you choose to use your own branding colors in place of the design colors, you will need to go to each individual ProPhoto panel and find the color you wish to replace and save changes. If you see that it is on a rollover image, you will most likely be able to change the color in the Buttons panel or if you find its on an image you will have been provided a layered PSD file to edit and save as PNG to replace image.
Your design has come with professionally chosen typography and colors which come pre-loaded, but that is not to say they aren't customizable. We include links to all fonts provided but if you prefer to use another type, browse the internet for free or webfonts you can install in your design.
To change colors of fonts, you will find these in various areas, you will have better luck targeting the content text in the Fonts panel. But you will need to visit all ProPhoto panels to change every color.
ProPhoto > Fonts Fonts Tutorials
The buttons features is an interactive visceral goodie for those who visit your site, you are able to change any graphic to suit your personal branding as well as change out images which we have included a layered PSD file to change out the images with the exact dimension.
You will also find your social media icons are completely editable in buttons, you are able to change color and size in the editor without having to change and upload each social media icon individually if you want to change it frequently.
ProPhoto > Buttons
All Northfolk & Co. designs come with a layered PSD file for your mobile logo. Edit this file and replace the designs logo and save. Here you are also able to add or change the masthead, how it is displayed and where it is displayed. If you chose to change your sites font and color you will be able to change the mobile as well under Fonts. You can also change, add or delete menu items displayed in your mobile sites Footer menu.
ProPhoto > Mobile
This design uses the integrated slide-down contact form. You are able to change all form fields at will and add more.
ProPhoto > Contact Form
Contact Form Overview
Your design has a unique feature using the footer, the static homepage uses the full width footer area as its menu as well as select pages you tell it to (see Pages below). You can change if you would like this feature at all or where it is shown in the Footer area panel.
ProPhoto > Sidebars & Footer > Footer area
Due to the nature of the menu, you must have either the Fixed Sidebar or Footer turned on at any one time.
Example - You would like to do a full width content page sans Sidebar, you will need to turn off your Sidebar and turn on your Footer in the ProPhoto page settings: 1. Edit page
2. ProPhoto Page Specific Options - turned ON
3. Uncheck Side bar
4. Check Footer
5. Update / Publish page
We have set up the Raves and Galleries demo pages as such.
In this area you can set your feedburner URL if you choose to use a subscribe widget, adding SEO keywords, Custom code (only if you are comfortable and familiar with changing CSS), Translation - if you would like to change the comments header names and setting Extra backgrounds.
ProPhoto > Advanced
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 Post Title hover color:
Third paragraph, first line. You can change the hex color number to reflect the color you would like the hover. 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.