MND CPG20 Documentation

• Installation
• Customization
• Menus
• Miscellaneous

InstallationBack to top

Thank you for choosing MND CPG20! You can install your new theme using a FTP client:

• Extract the mnd-cpg20.zip file in your computer.
• Upload the extracted folder to the themes folder of your Coppermine installation.

After installing the theme, you can activated it in the configuration panel: Config → Themes settings → Theme.

CustomizationBack to top

Site Information

To add your information to the gallery, open template.html in your favourite editor and edit the placeholder data.

Menu Display

MND CPG20 has 3 menu layouts: logo in the middle of the menu, logo on the left of the menu, logo on the right of the menu. You can also opt to remove the logo / header title & tagline.

Logo in the middle is the default setting. If you want to use another menu layout, check in the theme's folder the files template-logo-left.html and template-logo-right.html. Choose the one you want and rename it to template.html.

Site Branding

• Header Title: The site name to appear on the theme.
• Header Tagline: The site description to appear on the theme.

You can remove either of them or both if you want to display the menu without a logo. You can also erase the full site-branding block.

If you're using the default Logo in the middle layout, you'll notice that the header title & tagline appear twice. The second instance is the one used by the mobile version, add your site info both times.

Welcome Message

The welcome icon can be changed by simply replacing welcome.jpg with your own in the images folder. The welcome icon size is 78px wide by 78px high.

Footer Info

• Footer Credits: By default displays copyright, year, site title, and credits. Mandatory.
• Footer Disclaimer: Post your site disclaimer, terms of use, other relevant info.

Other

• Responsive Menu Label: Change the label of the menu in the responsive version.

Header Image

The header image can be changed by simply replacing header.jpg with your own in the images folder. The header image size is unlimited wide by 450px high.

Colors

To change a color everywhere at once with your own, simply open to edit style.css and use the function Search and replace all.

Accent Color

MND CPG20 uses #d67a97 as an accent color.

Other Colors

Other hues found in the stylesheet:

• #171717: primary black.
• #292929: secondary black.
• #575757: dark grey.
• #a6a6a6: primary grey.
• #d6d6d6: secondary grey.
• #eaeaea: primary light grey.
• #f4f4f4: secondary light grey.

MenusBack to top

MND CPG20 supports 2 menus: a primary menu, plus a menu for your social profiles.

Primary Menu

Open template.html in your favourite editor and edit the placeholder data.

To add descriptions to the menu items, simply use a <span> inside the menu link.

Footer Social Icons Menu

Open template.html in your favourite editor and simply add the URL for each of your social profiles. The theme will detect which site you are linking to and display the matching icon.

To add the name of the social profile to the menu items, simply use a <span> inside the menu link.

Icons are supported for the following sites: Facebook, Flickr, Google+, Instagram, Pinterest, Spotify, Tumblr, Twitter, Vimeo, VK, Yahoo, Youtube, WordPress.com, Email (URLs with /contact/, /contact or mailto:), RSS Feed (URLs with rss, feed=, /feed/ or /feed).

MiscellaneousBack to top

Ad Codes

MND CPG20 supports two 728x90 ad codes: one above the fold, and a second one below the fold, before the footer credits.

Thumbnail Dimensions

If you want to style the photo's dimensions below the thumbnail, open the style.css file and find the .thumb_dimensions class (line 915).