Congratulation to have our product 'Danish - Portfolio & Blog Theme'. We are dedicated to making the awesome bootstrap themes which are crafted with user-friendly approach that has a minimalist look to gives your readers immersive browsing experience and hope you have as much fun using it as we did creating it!
We appreciate your trust in our studio. If you have any questions, please don’t hesitate to contact our support at firstname.lastname@example.org.
Update Bootstrap to the latest version v3.3.7
Fix bug: Coloring double-backslash at the end of page title in skin.less
Update Bootstrap to version v3.3.6
Remove parallax js
Add less file
14 skin color available
Add new homepage layout
Add archive portfolio
Add single post-format
Add 404 page
Add search page
Update to bootstrap v3.2.0
Update FontAwesome v4.2.0
Add Parallax js
Change header with parallax background
Add 5 new color option (red, green, yellow, orange, pink)
This documentation are covers setting up, and use of this theme, and provides answers and solutions to common problems. We encourage you to first read this document thoroughly if you are experiencing any difficulties before contacting our support team.
This theme is just HTML CSS theme. Not CMS theme like WordPress, Drupal, Joomla, etc. So, this theme don't need installations. If wanna make website with this HTML CSS theme, you should develop with php or another web programming language.
If you have a problem with the theme or found a bug, please let us know via our official support. We take pride in our customer support and we will do what we can to assist you.
This theme is a responsive layout with two columns. All of the information within the main content area is nested within a div with an class
'col-md-8'. The sidebar's (column #2) content is within a div with an id of
'col-md-4', and both of theme is wrapping by main with an id of
'main'. The general template structure is the same throughout the template. Here is the general structure.
If you would like to edit the color, font, or style of any elements in one of these columns, you can give both of them an id before, like:
And then you would do the following:
Any images that are placed within the blog section have 20px worth of margin-bottom. We are recomended to use high resolution for 'large images' - minimum image size is 1200x800 px, and a 900x600 px minimum image size for 'medium images', then 150x150 px minimum image size for 'thumbnail images'.
I'm using five CSS files in this theme. The first one is a most major file, Bootstrap. By using a bootstrap css file, we can get all of cool component like button, form, navs, navbar, etc. The second file is icon font, namely FontAwesome. The third is magnific-popup, a styling of the lightbox popup.
The fourth file is contains all of the specific stylings for the page. And the last one is a skin of your theme. The fourth and last file is separated into sections using:
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.
The gallery of this theme are using JustifiedGallery to make it beauty. There are the function to call the method:
If you are give trigger click on your image gallery, you can see the pretty popup lightbox appears. These popup are using Magnific-popup. And this is how to call the method:
In this case. We are implement Imagesloaded with Masonry. Imagesloaded is Detect when images have been loaded. There are the function to call the method:
Isotope used for filter and sort magical layouts in Portfolio page. This is how isotope work:
Navigation handles toggling the navigation menu for small screens and enables TAB key, and navigation support for dropdown menus
Skip-link-focus-fix helps with accessibility for keyboard only users.
Map used for display map in contact page.
I'm using two CSS files in this theme. The first one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.
The second file contains all of the specific stylings for the page. The file is separated into sections using:
To setup logo-text for this theme, just like this:
You can use these tag h1, h2 and others to create a text logo, but don't forget to given class
'site-title' in the tag.
To setup logo-image for this theme, just follow this step below:
Actually, to setup logo-image is similar with logo-text setting. Just change your logo-text with your image for logo-image. But don't forget to given class
Danish support to adding site description under the site title. To make site description it's just easy.
This is how to setup header in home page. To add background of your header, you must give url of your image with attribute style:
Featured category section is contains the list of selected category. Category title wrapped by h3 tag that has a permalink that leads to the url of the category. Image from category will displayed if you give the url of your image category in style attribute on class
Setup map is easy. You can see this code below.
You must add your latitude and longitude coordinates of your place to make map show your location. Fill
data-lat attribute with your latitude coordinates and
data-lng with your longitude coordinates.
Beside that, you can add your additional information in info window by fill the
Contact form is not working. If you wanna make your contact form working, you can use php code or js code.
You can filtering your portfolio by category. Portfolio category described as a class. Place the class in a
data-filter attribute. Do not forget the class name begins with a dot. Here is the navigation of the categories used to filter portfolio:
Below is the code from the list of items the portfolio. You can display a picture and caption of your portfolio. Caption consists of titles and categories that will appear after a given trigger hover.
Container of portfolio items is
li with class
isotope-item. Filter portfolio will work if the portfolio category that we have embedded in the
Danish has eight+ widgets at least. Here is the list of widgets.
This theme may you to display your partner, colleague or sponsor logo with url. Below is the example.
I've used the following images, icons or other files as listed.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on Marketplace, you might consider visiting the forums and asking your question in the "Item Discussion" section.