Browse by Categories

Still not found answer to your query, contact our support team at

Timing: 9:30 am - 6:30 PM Monday - Friday
Timezone: GMT+5:30

How to Install & Setup "Responsive Material Theme"?

Responsive Material Theme is a complete multi-purpose SocialEngine theme for your company, business or social networking. This theme is designed with high quality code and all the features details about your website. With the Scrolling Menu Box in Header, it becomes very easy to reach to any page on the website with just 1 click.

Whether it’s an e-commerce store, a restaurant website, a beauty salon website, a Gym website, an Organization, College or a School website or even if it is a company website, this theme is a best fit !! This is not only the perfect template for business communities but also best for all kind of communities which need an elegant, featured, user-friendly template for their intended audience.

This theme comes with a  pre-built attractive Landing page which will enhance your website and will give a complete new look to it. The Landing page is artistic, impressive and totally different. Images displayed on Landing page can be very easily configured from the admin panel of this theme.


Watch demo here:


This tutorial will walk you through steps you need to follow to install the Responsive Material Theme on your website.

** This tutorial assumes that you are already logged in to the Admin Panel.


Installation of this themeis very easy, but if you still need our expert to install this theme for you, then you can purchase the service from here:


Video Tutorial: In addition to this written  tutorial, we have also created a video tutorial which will help you to setup and configure this them easily. Watch the below video:



Steps to Install & Setup Responsive Material Theme


1. Installation of Responsive Material Theme

In the Main menu, click on the tab Manage and select “Packages & Plugins”.


2. Our theme is based on SE standards so this will get installed on your website as any standard theme can. Please read the tutorial on installing themes and pluginsin SE here:


3. After the successful installation of theme as in Step 2 above, you will see “SES - Responsive Material Theme”.


4. Go to the Global Settings:

Activate this theme from the Global Settings section of this theme. These settings will affect all the members in your community.


5. Go to the Manage Header:

Under this section you can Choose Logo, Set Logo Top Margin and Menu Count. You can add "More" Button Text. Module Option in Search.


Manage Modules for Search

This page lists all the modules / plugins which are compatible for AJAX    based search via this theme. Below, you can enable / disable any module and add / remove icon for them.

Manage Menu Icons

Here, you can manage & add icons for the Main Navigation Menu Items on your website. You can also edit and delete the icons.


6. Footer Settings

These settings will affect the footer of your website.


Manage Footer Links

Here, you can manage links to be shown in the Footer of your website arranged in various columns. You can also enable disable any footer column or their associated links from below.


Manage Social Sites Links & Icons

Here, you can add your links on various social sites. You can enable / disable any social site.


7. Manage Color Schemes

These settings affect in this theme only on your site.You can choose Custom Theme Color whether you want to create new or you may choose from the 9 pre-built Color Schemes.

You can set various settings under the section :


Header Styling Settings:

You can set all these as per your requirement:

Header Background Color

Header Border Color

Main Menu Background Color

Main Menu Background Hover Color

Main Menu Link Color

Main Menu Link Hover Color

Main Menu Border Color

Mini Menu Link Color

Mini Menu Link Hover Color

Mini Menu Border Color

Header Searchbox Background Color

Header Searchbox Text Color

Header Searchbox Border Color

Mini Menu Icon


Footer Styling Settings:

 You can set all these as per your requirement:

Footer Background Color

Footer Border Color

Text Color

Footer Link Color

Footer Link Hover Color


Body Styling Settings:

 You can set all these as per your requirement:

Theme Color

Theme Secondary Color

Body Background Color

Font Color

Font Light Color

Heading Color

Link Color

Link Hover Color

Content Background Color

Content Heading Background Color

Content Border Color

Content Border Color Dark

Input Background Color

Input Font Color

Input Border Color

Button Background Color

Button Background Hovor Color

Button Background Active Color

Button Font Color


8. Manage Fonts / Typography Settings

Here, you can configure the font settings in this theme on your website. You can also choose to enable the Google Fonts.


9. Add and Manage Custom CSS

Below, you can add the custom CSS for this theme. We recommend you to add your CSS changes here instead of Theme.css file so that you do not lose your changes when you upgrade this theme.


10. Manage Dashboard Links

Here, you can create categories and you can also manage links to be shown in the Dashboard widget of your website arranged under various categories. You can also edit / delete / enable / disable any category and links from here.


Wao! You have completed the installation and setup of this theme now and the theme is set on your site.


Installation of this themeis very easy, but if you still need our expert to install this theme for you, then you can purchase the service from here: