en en en en fr en en ru en en en en en en fr en en ru en en en en en en en en en en la en fr en en de en en en en en en en en en en en en en en en en en en en en en en en en en en en en en ar ru en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en sv de de fr en en el el el el el el el el el el el el en en ru ru en en ru ru ru en en ru ru en en en ar en en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en sv de de fr en fr it fr de fr fr fr fr fr en en en uz en en en hbs_lat en en en en en en en en en en en hbs_lat en en en en en en en it ru en ru en en it ja en ja en en en en it fr en sv fr de de en fr en fr en en en ar en en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en sv de de fr en fr it fr de fr fr en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en de en en en sl it en en sv en en en en en en en da en en en en pt en en en en en en en de da en en en en en en en en en en en en en en en en en en en ar la en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en en en en en en en en en en en la la la en en en en en en en en ar la en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en sv de de fr en fr it fr de fr fr fr fr fr fr fr fr en fr fr it fr en fr de fr fr fr en en en en en en en en en en la la en en en en en en en en en en en en en en en en la en en en en en en en en en en en en en en en la en en en en en en en la en la en ar en en sv fr de de fr fr fr sv en fr en en en en en en en en en en en en en en en en en en en sl ar la en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en sv en en en en la en en en en en en la en en en en en en la en en en en en en sl ar en en sv fr de de fr fr fr sv en fr en ja fr en en en en en en en en en en en en en en en en sl ar en en sv fr de de en en en en en en en en en fr en fr en ar en en sv fr de de en en en en en en en tr cs da en ka en en en en en en en en en en en en en ar en en sv fr de de fr fr fr sv en fr en ja fr en en es en en en ja es en en ca en en en en en en en en en ar la en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en sv de de fr en fr it fr de fr fr fr fr fr fr fr fr en fr fr it fr en fr de fr fr fr fr en en en en en en en en en en en en la la en en en en en en en en en en en en en en la la en en en en en en en en en en en en en en la la en en en en en en en de en de ar la en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en sv de de fr en fr it fr de fr fr fr en en en en en en en en la la la en la la en en en la la es en la la en en en la la en la la en en en en en en en en sl ar en en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en sv de de fr en fr it fr de fr fr fr fr fr fr fr fr en fr fr it fr en fr de fr fr en en en en en en en ja en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en eo en en en en en en sl it en en en en en en en it zh en sv fr de de fr fr fr sv en fr en ja ar ko en en tr en zh zh zh fa pl kn kn en en en en en en en en en en en en en en en en en en en en en it en en en en en en en en en en en en en en en en en
Charlotte – createIT support – the place to get all the help for your WordPress Themes
Charlotte – Responsive HTML5 Template
Thank you for purchasing this theme. If you have any questions that are beyond the scope of this help file, please feel free to start new ticket on this page. Thanks so much!
We can help you with:
Responding to questions or problems regarding the item and its features
Fixing any discovered item’s bugs
Providing updates to ensure compatibility with new software versions
Was this article helpful ?
This theme is built upon bootstrap framework and is fully responsive. It adapts to window resolution and looks good on all devices including iPad and iPhone.
See for yourself (resize your browser).
If you would like to read more
about bootstrap framework click here :
Grid System and Single row structure
The default Bootstrap grid system utilizes 12 columns. It’s responsive grid and adapts to viewport. Below 767px viewports, the columns become fluid and stack vertically. The fluid grid system uses percents instead of pixels for column widths. Each row always include 12 columns (for example col-md-8 + col-md-4 = col-md-12).
.col-md-1   .col-md-1   .col-md-1   .col-md-1   .col-md-1   .col-md-1   .col-md-1   .col-md-1   .col-md-1   .col-md-1   .col-md-1   .col-md-1       .col-md-8   .col-md-4       .col-md-4   .col-md-4   .col-md-4       .col-md-6   .col-md-6
Below you will find default page structure :
[css]     [header] [main menu]     [component 1]     [fullwidth parallax]     [component 6]     [footer] [javascripts]
Was this article helpful ?
If you would like to edit the color, font, or style of any elements, you would do the following:
If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn’t a similar style that has more weight.
#wrap #primaryContent a {color: #someColor;}
So, to ensure that your new styles are applied, make sure that they carry enough “weight” and that there isn’t a style lower in the CSS file that is being applied after yours.
The theme includes a css file wich you can use to edit the colors.
You just need to add the corresponding CSS file to the head of the page like this:
Just change brand name, upload your logo to images/content/ folder and you’re ready to go!
Home                      Contact Us         My Account
In order to create mega menus read the documentation here:
We’ve included 360+ font icons.
Awesome Icons – http://fontawesome.io/icons/
CSS Files & Structure
We’ve included 2 files.
bootstrap.css contains Bootstrap 3 Library.
style.css file contains general styles.
11. To Top button
Utility classes are low-level structural and positional traits. Utilities can be applied directly to any element, multiple utilities can be used tohether and utilities can be used alongsie component classes.
Utilities are intended for frequently used CSS properties and patterns, like: floats, containing floats, vertical alignemnt, text tryncation. Relying on utilities can help to reduce repetition and provide consistend implementations.
Charlotte uses utilities for the following categories:
Was this article helpful ?
Charlotte comes with the following template for blog posts
You can use it with the following HTML markup:
oct 22, 2104   ♦   news    ♦   3 comments       standard post format with preview image    Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim. Suspendisse est gravida nisi lectus, nisl ullamcorper et. Pellentesque volutpat felis ut nunc elit euismod sollicitudin. Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.     read more
standard post format with preview image
Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim.
Suspendisse est gravida nisi lectus, nisl ullamcorper et. Pellentesque volutpat felis ut nunc elit euismod sollicitudin.
Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.
Check also how our blog comments look like
Use it with the following HTML markup:
oct 22, 2104   ♦    reply   richard doe    Convallis lorem sagittis neque pellentesque tempor. Proin euismod consectetur quam ac lacinia. Donec ut facilisis mauris, sed hendrerit nunc. Aenean malesuada scelerisque arcu sed sollicitudin.                        oct 22, 2104   ♦    reply   maria gomez    Reoin euismod consectetur quam ac lacinia. Donec ut facilisis mauris, sed hendrerit nunc. Aenean malesuada scelerisque arcu sed sollicitudin.                        oct 22, 2104   ♦    reply   jane smith    Reoin euismod consectetur quam ac lacinia. Donec ut facilisis mauris, sed hendrerit nunc. Aenean malesuada scelerisque arcu sed sollicitudin.
Convallis lorem sagittis neque pellentesque tempor. Proin euismod consectetur quam ac lacinia.
Donec ut facilisis mauris, sed hendrerit nunc. Aenean malesuada scelerisque arcu sed sollicitudin.
Reoin euismod consectetur quam ac lacinia. Donec ut facilisis mauris, sed hendrerit nunc. Aenean malesuada scelerisque arcu sed sollicitudin.
Reoin euismod consectetur quam ac lacinia. Donec ut facilisis mauris, sed hendrerit nunc. Aenean malesuada scelerisque arcu sed sollicitudin.
Was this article helpful ?
Display your posts on several pages and navigate between them with simple pagination.
Use for it simple HTML markup:
older posts           newer posts
Was this article helpful ?
We use several types of sliders in Charlotte.
We love coffee   Vivamus iaculis placerat diam, laoreet posuere dui aliquet ut.Praesent lacinia eleifend eros, ac venenatis orci.    More about us            Coffee & Breakfast    Donec fermentum eros at mauris mollis tincidunt. Sed sit amet bibendum tellus, non commodo lacus.    See our menu            Catering service   Aliquam erat volutpat. Morbi nisl nibh, interdum  vitae ultricies vitae, lobortis sit amet tellus  mauris dolor velit.    Get an estimate
Vivamus iaculis placerat diam, laoreet posuere dui aliquet ut.Praesent lacinia eleifend eros, ac venenatis orci.
Donec fermentum eros at mauris mollis tincidunt. Sed sit amet bibendum tellus, non commodo lacus.
Aliquam erat volutpat. Morbi nisl nibh, interdum  vitae ultricies vitae, lobortis sit amet tellus  mauris dolor velit.
To use any of the following sliders you need to include javascript, which can be found here.
Was this article helpful ?
Check all buttons, that you can create with Charlotte!
Use the following basic HTML markup:
And of the following variations:
Was this article helpful ?
There are two available types of social buttons:
rounded buttons – it’s a default type, which will be displayed when you use in markup class ct-socials
squared buttons – can be used with class ct-socials–square
Both types use the following basic HTML markup:
<a href="https://twitter.com/createitpl" data-toggle="tooltip" data-placement="top"
Was this article helpful ?
Check our beautiful accordion!
You can use it with simple HTML markup:
we love coffee so much           Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim. Suspendisse est gravida nisi lectus, nisl ullamcorper et. Pellentesque volutpat felis ut nunc elit euismod sollicitudin. Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.               and also we love sweets           Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim. Suspendisse est gravida nisi lectus, nisl ullamcorper et. Pellentesque volutpat felis ut nunc elit euismod sollicitudin. Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.               what are savories actually           Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim. Suspendisse est gravida nisi lectus, nisl ullamcorper et. Pellentesque volutpat felis ut nunc elit euismod sollicitudin. Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.
we love coffee so much
Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim. Suspendisse est gravida nisi lectus, nisl ullamcorper et.
Pellentesque volutpat felis ut nunc elit euismod sollicitudin. Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.
and also we love sweets
Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim. Suspendisse est gravida nisi lectus, nisl ullamcorper et.
Pellentesque volutpat felis ut nunc elit euismod sollicitudin. Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.
what are savories actually
Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim. Suspendisse est gravida nisi lectus, nisl ullamcorper et.
Pellentesque volutpat felis ut nunc elit euismod sollicitudin. Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.
Was this article helpful ?
You can easily display your content in Tabs.
Coffee     Sweets     Savories          Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim. Suspendisse est gravida nisi lectus, nisl ullamcorper et. Pellentesque volutpat felis ut nunc elit euismod sollicitudin. Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.    Cras interdum ante a efficitur dictum. Duis tincidunt non elit pellentesque. Curabitur set accumsan accumsan consectetur. Quisque et velit vestibulum quam condimentum consectetur. Praesent ac elit molestie, commodo quam vel, laoreet amet elit lacinia lobortis pellentesque metus.        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.    Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem numquam eius modi tempora incidunt.
Etiam nunc tortor, ultrices quis turpis, tempor lacinia ligula. Sed at odio vel est lobortis eleifend ac vitae enim.
Suspendisse est gravida nisi lectus, nisl ullamcorper et. Pellentesque volutpat felis ut nunc elit euismod sollicitudin.
Nam ullamcorper nibh eget sem consectetur, et semper elit suscipit.
Cras interdum ante a efficitur dictum. Duis tincidunt non elit pellentesque. Curabitur set accumsan accumsan consectetur. Quisque et velit vestibulum quam condimentum consectetur.
Praesent ac elit molestie, commodo quam vel, laoreet amet elit lacinia lobortis pellentesque metus.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate
non provident, similique sunt in culpa qui officia deserunt mollitia animi.
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit,
sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem numquam eius modi tempora incidunt.
Was this article helpful ?
Use simple HTML markup to display a widget.
categories      announcing     news     photography     press     uncategorized         *Popular posts* ( http://prntscr.com/68un6l )      popular posts         oct 22, 2104         jim and nick's and the fatback coll...             oct 22, 2104         drinking pappy under the live oaks             oct 22, 2104         hanging out with david cross and t...
*Popular posts* ( http://prntscr.com/68un6l )
jim and nick's and the fatback coll...
drinking pappy under the live oaks
hanging out with david cross and t...
Was this article helpful ?
All javascripts are placed in folder /js. In main.js file we implement all functions calls.
This theme uses following Javascript files:
HTML/assets/js/jquery.min.js – Jquery Plugin
HTML/assets/js/bootstrap.min.js – Bootstrap Plugin
HTML/assets/js/snap.min.js – Snap Plugin is for responsive menu
HTML/assets/js/masonry.min.js – This is using in home page and in gallery
HTML/assets/plugins/owl/owl.carousel.min.js – slider plugin
HTML/assets/js/portfolio/imagesloaded.js – Needed for gallery
HTML/assets/plugins/magnific-popup/jquery.magnific.min.js – Needed for gallery, using when you want to see a big image after click on thumbnail
HTML/assets/js/main.js – Main scripts
Google Map (GMAP3 Plugin)
This is google map with custom marker, you can define couple parameters:
data-location – address to show
data-height – map height (if undefined height will be 220px)
data-offset – by how many map should be repositioned from marker center point (default -30)
It uses gmap3 plugin.
All javascript code can be found in js/main.js file.
This plugin call function when element appear in viewport. This is used in custom animation, progress bars, counter timer.
if (jQuery().appear) { if (device.mobile()) { // disable animation on mobile jQuery("body").removeClass("withAnimation"); } else { jQuery('.withAnimation .animated').appear(function () { jQuery(this).each(function () { jQuery(this).addClass('activate'); jQuery(this).addClass($(this).data('fx')); }); }, {accY: -150}); } }
// disable animation on mobile
jQuery('.withAnimation .animated').appear(function () {
This plugin is used to make graphics.
Was this article helpful ?
The following sources and files have been used to build up this theme
Twitter Bootstrap – http://twitter.github.com/bootstrap/
Was this article helpful ?
Hi, we are createIT. We create IT. Web applications and websites to be precise.
And we are REALLY good at it.
Get to know us at www.createIT.pl
Luxury Resort WordPress Theme
WordPress Theme for Real Estate
WooCommerce Product WordPress Theme
We are a software house with the best developers you can get. Need a project? Hire the best!
Poland is becoming a favored site for many US company development centers.
© All Rights Reserved createit-pl
To make this site work properly, we sometimes place small data files called cookies on your device. Most big websites do this too.