Okay
  Print

Simplicity - Responsive Drupal 7 theme

Installation For a list of the video tutorials on the installation options listed bellow see the video tutorials Using an installation profile (RECOMENDED) The the ...

HTML Structure This theme is a responsive bootstrap based layout with one column. Inside the theme folder in the file page.tpl.php you can find the html structure of the page. The main content is divided into three regions, the fir ...

CSS Files and Structure In simplicity theme there are four CSS files inside the "css" folder. The first one "colors" defines colors and only colors for the theme. This file is integrated with the Drupal color module (for easily change colors on the ...

Javascript This theme imports 9 Javascript files. jQuery - file /js/jquery.min.js The theme custom scripts - file /js/simplicity_script.js Flexslider plugin - file /js/jquery.flexslider-min.js Jquery hover ...

Content types HP Slide This is the content type for the slideshow. Any HP Slide create will be automatically placed in the homepage slideshow. It contains the following custom fields : ...

Drupal TPL Files (templates) As any drupal theme, the theme uses PHP tpl files for the html structure. This is the default Drupal way of theming pages and blocks and the theme implements 8 of these files all of theme inside the "templates" folder. ...

Configure twitter To configure twitter you need to first create an application in twitter developer console. Visit https://dev.twitter.com/. This will provide you with a "consumer key" and "consumer secret" password to enter in the Twitter mod ...

Translating interface When enabled, the core Interface Translation "Locale" module allows you to present your Drupal site in a language other than the default (English). You can use it to set up a multilingual web site or to ...

Fontawesome The theme includes the fontawesome library for Icon generation. You can include icons anywhere on the template choosing from the great API that is fontawesome. To include an icon on a page simply add the following class ...

Fonts The theme includes hundreds of Google fonts. To change font login as administrator and on the administrator menu click on "Appearance" on the top menu and click on "Font your face". The fonts are brought through the contribut ...

Icon Effects The theme provides 16 great icon animations that you can use with only adding a Div wrapper to the element with the effect. For this to work the element must be a anchor tag with the appropriate fontawesome icon class (ex: fa ...

Colors Easily change the theme's base color, by using the Color picker provided in the theme settings page. To edit the theme settings page login as administrator and click on "Appearence" in the top menu. The theme als ...

Shortcodes Another way of editing and adding content with shortcodes. The theme includes shortcodes for a lot of its content to make it as simple as possible to add new content. Shortcodes for bootstrap elements, font awesome icon ...