MND CPG21 Documentation

• Installation
• Customization
• Menus
• Miscellaneous

InstallationBack to top

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

• Extract the mnd-cpg21.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 CPG21 has 3 menu layouts: site title in the left and primary menu in the middle, primary menu in the middle without site title, primary menu in the left without site title.

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

Site Branding

• Top Bar Site Title: The site name to appear on the theme.

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 520px 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 CPG21 uses #de4d44 as an accent color.

Other Colors

Other hues found in the stylesheet:

• #212121: primary black.
• #5c5c5c: secondary black.
• #ababab: primary grey.
• #e6e6e6: secondary grey.
• #f0f0f0: primary light grey.
• #f9f9f9: secondary light grey.

Hide Elements

To hide elements from the theme, like to match the WordPress theme, simply add the following pieces of code to the theme's style.css file:

Header Mask - to hide the colored mask over your header:

.header-mask {display: none;}

Header Wave - to hide the wave effect at the bottom of the header:

.header-svg {display: none;}

MenusBack to top

MND CPG21 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.

Social Icons Menu & 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.

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).

For the Footer Social Icons Menu, also edit the name of the social profiles in the <span> elements.

MiscellaneousBack to top

Ad Codes

MND CPG21 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 732).