This repository has been archived by the owner on Apr 20, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
readme.txt
80 lines (59 loc) · 2.34 KB
/
readme.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
Thanks for downloading this theme!
Theme Name: Flexor
Theme URL: https://bootstrapmade.com/flexor-free-multipurpose-bootstrap-template/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
----------------------------
CONTENT OF THIS FILE
----------------------------
* Theme Info
* Pages Provided
* Key Features
* Customisation
* Credits
* Issues & bug reporting
----------------------------
THEME INFO
----------------------------
Name: Flexor
Version: Lite
Released: Dec 2015
Bootstrap version: 3.x
----------------------------
PAGES PROVIDED (5)
----------------------------
* Index (lite-index.htm)
* Elements (lite-elements.htm)
* Login (lite-login.htm)
* Register (lite-register.htm)
* About (lite-about.htm)
--------------------------
CUSTOMISATION
--------------------------
1. Overriding Colour Skin
--------------------------
The theme offers 4 colour schemes (Orange is default):
Orange: light: #FF5821, dark: #E34619
Blue: light: #00a8cc, dark: #0188a6
Green: light: #00bb5c, dark: #009748
Lavender: light: #ad4dd3, dark: #8c3daa
Each additional colour scheme has a separate .css file within the /css directory (NOTE: Orange is default so rolled into the theme-style.css file):
1. colour-blue.css
2. colour-green.css
2. colour-lavender.css
These files can be used as an example of how to implement your own colour schemes.
Example - Add the following to your <head> tags below the "<!--Your custom colour override-->": <link href="css/colour-blue.css" id="colour-scheme" rel="stylesheet">
NOTE:
You will need to do this on all pages to implement site wide.
The "colour-scheme" ID tag is only required if you want the jQuery colour switcher to be functionality.
Quickest way to hide the colour switcher is to add .colour-switcher { display: none; } to your CSS.
2. Overriding Other Styles
--------------------------
Similarly to colour overriding the theme also offers and automatically loads a skeleton file called "custom-style.css" which can be used to override the theme structure & media queries.
This file is found within the /css directory and is well commented to provide instruction.
--------------------------
CREDITS
--------------------------
* Call to action photos: https://picjumbo.com/
* Showcase images by http://www.isabelarodrigues.org (DO NOT REPRODUCE)
* Background images: http://photodune.net/user/alexwendpap/portfolio