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 the 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 Full/minimal header and footer
    • Working with header/footer links
    • Working with header and footer branding
    • Working with custom blocks 
    • Working with social-share icons

     

    Working with header and footer branding 

    Click on header and footer branding to expand header and footer settings. Now you can decide if you want to keep all links of header/footer or minimal version(without links) of the same, with just a click. Also, you can change the header color,header-links-color, footer color, footer text-color from the settings.

     

    General settings exposed for header and footer:

     

    diziana_zendesk_theme_customization_image1.png 

    Full header(default)

     diziana_zendesk_theme_customization_image11.png

    Minimal header

     diziana_zendesk_theme_customization_image9.png

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

     

    diziana_zendesk_theme_customization_image10.png

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

     

     diziana_zendesk_theme_customization_image2.png 

    Full footer(default)

     diziana_zendesk_theme_customization_image12.png

    Minimal footer

     diziana_zendesk_theme_customization_image13.png

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

     

    diziana_zendesk_theme_customization_image14.png

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

     

    diziana_zendesk_theme_customization_image3.png 

    Working with Custom Blocks diziana_zendesk_theme_customization_image4.png

     Settings exposed for each Block

     

     diziana_zendesk_theme_customization_image8.png

    Changing the dynamic text content and icons for the blocks

    Once you have set the visibility of each block, from the show/hide menu, you can do the following settings for them:

     diziana_zendesk_theme_customization_image18.png

     1. You can change the default Icon for each block, from block icon section. You can upload an
    image there, or a font icon in the block font icon section.

     

    Also, the icon that appears on mouse-hover, can be changed similarly, from the block
    hover icon section.

     diziana_zendesk_theme_customization_image17.png  2. You can change the block's title from the block title section. Similarly, the description for each block can be changed from the block description section.
     diziana_zendesk_theme_customization_image19.png  3. To change the URL of the block, you can replace the correct URL with the "#", in the block URL section.
     diziana_zendesk_theme_customization_image16.png  4. To change the dynamic content, give the placeholder name in the block title dc section, that is available, once you have created the DC content in your help-center.

     

    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. By default, the icons remain inactive and invisible.

    eg.To change Google+ link, remove the "#" and give URL in the textbox.

     

     Settings exposed for social share icons:

     

    diziana_zendesk_theme_customization_image5.png

    Have more questions? Submit a request
    Avatar
    Diziana Help

    You can further customize the 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 Full/minimal header and footer
    • Working with header/footer links
    • Working with header and footer branding
    • Working with custom blocks 
    • Working with social-share icons

     

    Working with header and footer branding 

    Click on header and footer branding to expand header and footer settings. Now you can decide if you want to keep all links of header/footer or minimal version(without links) of the same, with just a click. Also, you can change the header color,header-links-color, footer color, footer text-color from the settings.

     

    General settings exposed for header and footer:

     

    diziana_zendesk_theme_customization_image1.png 

    Full header(default)

     diziana_zendesk_theme_customization_image11.png

    Minimal header

     diziana_zendesk_theme_customization_image9.png

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

     

    diziana_zendesk_theme_customization_image10.png

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

     

     diziana_zendesk_theme_customization_image2.png 

    Full footer(default)

     diziana_zendesk_theme_customization_image12.png

    Minimal footer

     diziana_zendesk_theme_customization_image13.png

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

     

    diziana_zendesk_theme_customization_image14.png

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

     

    diziana_zendesk_theme_customization_image3.png 

    Working with Custom Blocks diziana_zendesk_theme_customization_image4.png

     Settings exposed for each Block

     

     diziana_zendesk_theme_customization_image8.png

    Changing the dynamic text content and icons for the blocks

    Once you have set the visibility of each block, from the show/hide menu, you can do the following settings for them:

     diziana_zendesk_theme_customization_image18.png

     1. You can change the default Icon for each block, from block icon section. You can upload an
    image there, or a font icon in the block font icon section.

     

    Also, the icon that appears on mouse-hover, can be changed similarly, from the block
    hover icon section.

     diziana_zendesk_theme_customization_image17.png  2. You can change the block's title from the block title section. Similarly, the description for each block can be changed from the block description section.
     diziana_zendesk_theme_customization_image19.png  3. To change the URL of the block, you can replace the correct URL with the "#", in the block URL section.
     diziana_zendesk_theme_customization_image16.png  4. To change the dynamic content, give the placeholder name in the block title dc section, that is available, once you have created the DC content in your help-center.

     

    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. By default, the icons remain inactive and invisible.

    eg.To change Google+ link, remove the "#" and give URL in the textbox.

     

     Settings exposed for social share icons:

     

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