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 Makem Liva 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.

    diziana_makem_liva_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_makem_liva_customization_image2.png

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

    diziana_makem_liva_customization_image3.pngdiziana_makem_liva_customization_image4.png

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

    diziana_makem_liva_customization_image5.pngdiziana_makem_liva_customization_image6.png

     

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

    diziana_makem_liva_customization_image7.png

    Changed footer-background-color and footer-text-color

    diziana_makem_liva_customization_image8.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_makem_liva_customization_image9.png

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

    diziana_makem_liva_customization_image10.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_makem_liva_customization_image11.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_makem_liva_customization_image12.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_makem_liva_customization_image13.png

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

    diziana_makem_liva_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_makem_liva_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_makem_liva_customization_image16.png

     

    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.

    diziana_makem_liva_customization_image17.png

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

    diziana_makem_liva_customization_image18.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 third block title section.

    diziana_makem_liva_customization_image19.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_makem_liva_customization_image20.png

     

    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.

    diziana_makem_liva_customization_image21.png

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

    diziana_makem_liva_customization_image22.png

     

    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.

    diziana_makem_liva_customization_image23.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_makem_liva_customization_image24.png

     

    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.

    diziana_makem_liva_customization_image25.png

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

    diziana_makem_liva_customization_image26.png

     

    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 fourth block title section.

    diziana_makem_liva_customization_image27.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_makem_liva_customization_image28.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_makem_liva_customization_image29.png

     

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

    diziana_makem_liva_customization_image30.png

     

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

    diziana_makem_liva_customization_image31.png

     

    To change the YouTube link, give URL in the textbox.diziana_makem_liva_customization_image32.png

     

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

    diziana_makem_liva_customization_image33.png

     

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

    diziana_makem_liva_customization_image34.png

     

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

    diziana_makem_liva_customization_image35.png

     

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

    diziana_makem_liva_customization_image36.png 

    Have more questions? Submit a request
    Avatar
    Tarun Sahu

    You can further customize Makem Liva 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.

    diziana_makem_liva_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_makem_liva_customization_image2.png

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

    diziana_makem_liva_customization_image3.pngdiziana_makem_liva_customization_image4.png

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

    diziana_makem_liva_customization_image5.pngdiziana_makem_liva_customization_image6.png

     

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

    diziana_makem_liva_customization_image7.png

    Changed footer-background-color and footer-text-color

    diziana_makem_liva_customization_image8.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_makem_liva_customization_image9.png

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

    diziana_makem_liva_customization_image10.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_makem_liva_customization_image11.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_makem_liva_customization_image12.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_makem_liva_customization_image13.png

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

    diziana_makem_liva_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_makem_liva_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_makem_liva_customization_image16.png

     

    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.

    diziana_makem_liva_customization_image17.png

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

    diziana_makem_liva_customization_image18.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 third block title section.

    diziana_makem_liva_customization_image19.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_makem_liva_customization_image20.png

     

    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.

    diziana_makem_liva_customization_image21.png

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

    diziana_makem_liva_customization_image22.png

     

    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.

    diziana_makem_liva_customization_image23.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_makem_liva_customization_image24.png

     

    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.

    diziana_makem_liva_customization_image25.png

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

    diziana_makem_liva_customization_image26.png

     

    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 fourth block title section.

    diziana_makem_liva_customization_image27.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_makem_liva_customization_image28.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_makem_liva_customization_image29.png

     

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

    diziana_makem_liva_customization_image30.png

     

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

    diziana_makem_liva_customization_image31.png

     

    To change the YouTube link, give URL in the textbox.diziana_makem_liva_customization_image32.png

     

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

    diziana_makem_liva_customization_image33.png

     

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

    diziana_makem_liva_customization_image34.png

     

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

    diziana_makem_liva_customization_image35.png

     

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

    diziana_makem_liva_customization_image36.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