About this theme

Thank you for using myCompany theme for GetSimple CMS. This theme is HTML5/CSS3 responsive - so you don't have to worry about mobile version layout. This theme is based on HTML5 boiler plate with Modernizr - But i've tried to keep this page as simple as possible (so many features wasn't used) but also modern and good looking. Design is 100% hand-made :) So I hope you like it :)

Installation

To install theme unzip download files into themes directory in your GetSimple installation

Templates available

  • template.php
    Default template - this page for example
  • template-no_breadcrumbs.php
    Same as default - but no breadcrumbs
  • blank.php
    Full width page, no sidebar
  • blank-no_breadcrumbs.php
    Blank, full width - no breadcrumbs, no sidebar
  • frontpage.php
    Frontpage with notebook illustration image. Designed for use with small amount of text and large picture next to it.

See some examples here

CSS elements available

Images with borders

You can add class niceboder to images in your text to create white border with rounded corners and shadow.

Nice Box

To create nice box like this one below, just create a div, or span with nicebox class. And here is how it looks like. Nice centered div, for important things

Nicebox headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut est risus, placerat venenatis augue. Class aptent taciti sociosqu ad litora torquent per r sit amet, consectetur adipiscing elit. Donec ut est risus, placerat venenatis augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos

Button

If you like to create link with button look and feel - just add class button to any of your links in main text or sidebar.

Support link as example

Customization

All important images you may want to overwrite for your custom ones are located in customize directory. Please remeber - don't use images that are too big, or with white background - so your layout and look will stay consistent

Logo

To change logo for your custom one, simply overwrite logo.png and logo-bottom.png with your logo images. Transparent PNGs are the best choice.

Notebook image

To use your own title image - overwrite the titleimage.png - BUT If you like the image of notebook (custom created, it's not the render or photo of some mac) - you may want to use included LAYERED notebook.psd file to add your custom logo, or screenshot and place new notebook image to your website.

Social icons

Three major social networks icons available (more on request :). By defualt they are displayed in bottom right corner of the page. To add social icons please add new component in Theme -> Edit Components  fwith name icons and add the following code 

<a href="#"><img src="<?php get_theme_url(); ?>/img/ico-facebook.png" title="facebook" /></a>
<a href="#"><img src="<?php get_theme_url(); ?>/img/ico-twitter.png" title="twitter" /></a>
<a href="#"><img src="<?php get_theme_url(); ?>/img/ico-gplus.png" title="google plus"/></a>

where # is url to your social profile page

Published on