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"> </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