1. Diziana
  2. Theme Documentation
  3. General

Diziana Theme Customization

Follow

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