You can further customize Thoran Theme the way your content is organized. Theme code is well documented and organized and can be customized. You can make more advanced customizations in the HTML, CSS, or Javascript code itself by following best practices.
This article covers the following topics:
- Working with header links
- Working with header and footer branding
- Working with custom blocks
- Working with social-share icons
Note: Steps to reach here are the same as in the previous article.This zone is the extension of the previous zone.
Working with Header Links
1. Now, add the links and their title replacing <li><a href="#">Home</a></li>
eg: <li><a href="http://www.diziana.com/themes">Themes</a></li>
2. Save and Publish the changes.
Working with header and footer branding
Click on header and footer branding to expand header and footer settings. Now you can change the header color,header-links-color, footer color and, footer text-color.
Default header-background-color and header-links-color.
Changed header-background-color and header-links-color.
Default footer-background-color and footer-text-color.
Changed footer-background-color and footer-text-color.
Working with Custom Blocks
First Block Settings
Click on first block settings to expand first block settings. Now you can change the title, icon and, URL from the settings.
You can change the first block default icon from the first block default icon section.
To replace block icon with first block font icon, give the class name of the font-awesome icon in the first block-font-icon section.
To change the first block title you can change the text from the block-title section. And you can change the first block title from first block title section.
To change the dynamic content, give the placeholder name in the block title dc section.To change the URL you can give the URL in the block-URL section.
Second Block Settings
Click on second block settings to expand second block settings. Now you can change the title, icon, and URL from the settings.
You can change the second block default icon from the second block default icon section.
To replace block icon with second block font icon, give the class name in the second block-font-icon section.To change the block title you can change the text from the block-title section. And you can change the second block title from second block title section.
To change the dynamic content, give the placeholder name in the block title dc section.To change the URL you can give the URL in the block-URL section.
Third Block Settings
Click on third block settings to expand third block settings. Now you can change the title, icon, and URL from the settings.
You can change the third block default icon from the third block default icon section.
To replace block icon with third block font icon, give the class name in the third block-font-icon section.To change the block title you can change the text from the block-title section. And you can change the third block title from third block title section.
To change the dynamic content, give the placeholder name in the block title dc section.To change the URL you can give the URL in the block-URL section.
Fourth Block Settings
Click on fourth block settings to expand fourth block settings. Now you can change the title, icon, and URL from the settings.
You can change the fourth block default icon from the fourth block default icon section.
To replace block icon with fourth block font icon, give the class name in the fourth block-font-icon section.To change the block title you can change the text from the block-title section. And you can change the fourth block title from fourth block title section.
To change the dynamic content, give the placeholder name in the block title dc section.To change the URL you can give the URL in the block-URL section.
Footer Links Settings
Click on footer links settings to expand footer-links settings. Now you can change the URL from the settings.
First Link URL and Link Title
Second Link URL and Link Title
Third Link URL and Link Title
Fourth Link URL and Link Title
Working with social-share links
Click on social-share icons to expand social-share icons settings. Now you can change the URL from the settings.
To change Google+ link, give URL in the textbox.
To change the Facebook link, give URL in the textbox.
To change the Instagram link, give URL in the textbox.
To change the Pinterest link, give URL in the textbox.
To change the Linkedin link, give URL in the textbox.
