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 Agora the way your content is organised. 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:

    • Adding Header links

    • Working with main image

    • Working with custom blocks

    • Adjusting general settings for mobile layout 

     

    Adding Header links

    In order to add links just do the following

    a.) Go to html editor and header

    b.) Now, add the links and their title replacing <li><a href="#">Getting Started</a></li>

     eg:

    <li><a href="http://www.diziana.com/themes">Themes</a></li>

     

    Working with main image

    In order to change the main image on the home page,just do the following

    a.) Go to html editor and assets.

    b.) Upload the main image and copy its path

    c.) Go to document.head and replace with the uploaded image path

    Managing Custom Block 

    To change the icons

    a.) Upload the icons at theme assets.

    b.) Go to document.head

    c.) Give the path of the uploaded image for the icon you want to replace.

    Note: Give the image path for both the images i.e with mouse hover and without mouse hover

     

    To add the links

    In order to add links just do the following

    a.) Go to html editor and open home

    b.) Now, add the links of categories/section or article replacing '#' <a herf = "#">

    <a href="hc/en-us/categories/20988878999">

    <div class="icon-block">

    <span class="get-started-icon">&nbsp;</span>

    </div>

    <p> Getting to know</p>

    </a>

     

     

     

    Adjusting general settings for mobile layout

     

    a.) Click General settings in the Tools panel on the lower-right side of the page. 

     

    b.) Now unselect the Mobile layout check-box to allow the theme to display. ( ignore if you want to use Zendesk Mobile layout )

    c.) Select the Display unsafe content check box

    d.) Click Update to save the changes

     

    Contact us at support@diziana.com for any help. 

    Have more questions? Submit a request
    Avatar
    Tarun Sahu

    You can further customize Agora the way your content is organised. 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:

    • Adding Header links

    • Working with main image

    • Working with custom blocks

    • Adjusting general settings for mobile layout 

     

    Adding Header links

    In order to add links just do the following

    a.) Go to html editor and header

    b.) Now, add the links and their title replacing <li><a href="#">Getting Started</a></li>

     eg:

    <li><a href="http://www.diziana.com/themes">Themes</a></li>

     

    Working with main image

    In order to change the main image on the home page,just do the following

    a.) Go to html editor and assets.

    b.) Upload the main image and copy its path

    c.) Go to document.head and replace with the uploaded image path

    Managing Custom Block 

    To change the icons

    a.) Upload the icons at theme assets.

    b.) Go to document.head

    c.) Give the path of the uploaded image for the icon you want to replace.

    Note: Give the image path for both the images i.e with mouse hover and without mouse hover

     

    To add the links

    In order to add links just do the following

    a.) Go to html editor and open home

    b.) Now, add the links of categories/section or article replacing '#' <a herf = "#">

    <a href="hc/en-us/categories/20988878999">

    <div class="icon-block">

    <span class="get-started-icon">&nbsp;</span>

    </div>

    <p> Getting to know</p>

    </a>

     

     

     

    Adjusting general settings for mobile layout

     

    a.) Click General settings in the Tools panel on the lower-right side of the page. 

     

    b.) Now unselect the Mobile layout check-box to allow the theme to display. ( ignore if you want to use Zendesk Mobile layout )

    c.) Select the Display unsafe content check box

    d.) Click Update to save the changes

     

    Contact us at support@diziana.com for any help. 

    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