We're happy to help you!

Submit a request
    Getting Started

    Getting started

    If you are new to Diziana here's some quick steps for how to get started.

    Knowledge Base

    Knowledge Base

    Find what you need in our Knowledge base.

    Community

    Community

    Be a part of Diziana Community to get advice from our customer service pros and try various tips and tricks.

    Theme Customization

    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.

    diziana_rinda_customization_image1.png

    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.

    diziana_rinda_customization_image2.png

    Default header-background-color and header-links-color.

    diziana_rinda_customization_image3.png

    Changed header-background-color and header-links-color.

    diziana_rinda_customization_image4.png

    Default footer-background-color and footer-text-color. 

    diziana_rinda_customization_image5.png

    Default footer-background-color and footer-text-color. 

    diziana_rinda_customization_image6.png

    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.

     diziana_rinda_customization_image7.png

    You can change the first block default icon from the first block default icon section.

    diziana_rinda_customization_image8.png

    You can change the first block hover icon from the first block hover icon section.

    diziana_rinda_customization_image9.png

    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.

    diziana_rinda_customization_image10.png

    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.

    diziana_rinda_customization_image11.png

    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.

    diziana_rinda_customization_image12.png

    You can change the second block default icon from the second block default icon section.

    diziana_rinda_customization_image13.png

    You can change the second block hover icon from the second block hover icon section.

    diziana_rinda_customization_image14.png

    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.

    diziana_rinda_customization_image15.png

    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.

    diziana_rinda_customization_image16.png

       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.

    diziana_rinda_customization_image17.png

    You can change the third block default icon from the third block default icon section.

    diziana_rinda_customization_image18.png

    You can change the third block hover icon from the third block hover icon section.

    diziana_rinda_customization_image19.png

    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.

    diziana_rinda_customization_image20.png

    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.

     diziana_rinda_customization_image21.png

    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.

    diziana_rinda_customization_image22.png

    To change the Facebook link, give URL in the textbox.

    diziana_rinda_customization_image23.png

    To change the Instagram link, give URL in the textbox.

    diziana_rinda_customization_image24.png

     To change the Pinterest link, give URL in the textbox.

    diziana_rinda_customization_image25.png

     

    To change the Linkedin link, give URL in the textbox.

    diziana_rinda_customization_image26.png 

    Have more questions? Submit a request
    Avatar
    Tarun Sahu

    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.

    diziana_rinda_customization_image1.png

    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.

    diziana_rinda_customization_image2.png

    Default header-background-color and header-links-color.

    diziana_rinda_customization_image3.png

    Changed header-background-color and header-links-color.

    diziana_rinda_customization_image4.png

    Default footer-background-color and footer-text-color. 

    diziana_rinda_customization_image5.png

    Default footer-background-color and footer-text-color. 

    diziana_rinda_customization_image6.png

    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.

     diziana_rinda_customization_image7.png

    You can change the first block default icon from the first block default icon section.

    diziana_rinda_customization_image8.png

    You can change the first block hover icon from the first block hover icon section.

    diziana_rinda_customization_image9.png

    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.

    diziana_rinda_customization_image10.png

    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.

    diziana_rinda_customization_image11.png

    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.

    diziana_rinda_customization_image12.png

    You can change the second block default icon from the second block default icon section.

    diziana_rinda_customization_image13.png

    You can change the second block hover icon from the second block hover icon section.

    diziana_rinda_customization_image14.png

    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.

    diziana_rinda_customization_image15.png

    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.

    diziana_rinda_customization_image16.png

       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.

    diziana_rinda_customization_image17.png

    You can change the third block default icon from the third block default icon section.

    diziana_rinda_customization_image18.png

    You can change the third block hover icon from the third block hover icon section.

    diziana_rinda_customization_image19.png

    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.

    diziana_rinda_customization_image20.png

    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.

     diziana_rinda_customization_image21.png

    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.

    diziana_rinda_customization_image22.png

    To change the Facebook link, give URL in the textbox.

    diziana_rinda_customization_image23.png

    To change the Instagram link, give URL in the textbox.

    diziana_rinda_customization_image24.png

     To change the Pinterest link, give URL in the textbox.

    diziana_rinda_customization_image25.png

     

    To change the Linkedin link, give URL in the textbox.

    diziana_rinda_customization_image26.png 

    0
    Comments
    Diziana Support

    Knowledge base

    Have more questions? Submit a request
    Theme Customization
    Was this article helpful?
    0 out of 0 found this helpful