You can further customize Rinda 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
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.
Default 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.
You can change the first block hover icon from the first block hover 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.
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.
You can change the second block hover icon from the second block hover 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 first 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.
You can change the third block hover icon from the third block hover 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 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.
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.
