You can further customize Mabonte 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 same 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, 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 in the first block-font-icon section.To change the 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.
To change block description, type text in the first-block-description section.
To change the dynamic content of block-description, give the placeholder name in the block description dc 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.
To change block description, type text in the second-block-description section.
To change the dynamic content of block-description, give the placeholder name in the block description dc 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.
To change block description, type text in the third-block-description section.
To change the dynamic content of block-description, give the placeholder name in the block description dc 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.
To change block description, type text in the fourth-block-description section.
To change the dynamic content of block-description, give the placeholder name in the block description dc section.
Fifth Block Settings
Click on fifth block settings to expand fifth block settings. Now you can change the title, icon, and URL from the settings.
You can change the fifth block default icon from the fifth block default icon section.
To replace block icon with fifth block font icon, give the class name in the fifth block-font-icon section.To change the block title you can change the text from the block-title section. And you can change the fifth block title from fifth 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.
To change block description, type text in the fifth-block-description section.
To change the dynamic content of block-description, give the placeholder name in the block description dc section.
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.
