Welcome to our Profile. Grab your drink and let’s get to know each other a little! We are Joomlaux (“jux” is pronounced as /nu:/ if you don’t know how). We’ve been working and creating and playing with Joomla for several years. Our team has highly skilled & experienced geeks who share passion and desire for Joomla, of bringing better work to Joomla Community. Sometimes we honestly think we’re just children playing around with work & everything to us boils down to curiosity. Work smart. Play hard. Be curious. Try new things. These are the values we respect in anything we do. We’re interested in what’s good. You ain’t different, are you? We designers and developers should always keep the users in mind when we work. Ralph Marston once said “Excellence is not a skill, it is an attitude”

1. About Joomla version used in JUX RealEstate

All Joomlaux templates run on Joomla 3.x version (Joomla 3.0, 3.1…). Therefore, your site must install Joomla 3.x version to use our template. The installation of Joomla 3.x only requires a few steps and you can do within a minute!

2. About JUX RealEstate

 
A real estate website requires numerous specific functions for the business. Here comes what you are looking for:
 
Real Estate – The Functional Real Estate Joomla Template. 
 
Available on Joomla 3.x, Real Estate is fully responsive and retina ready with clean and refreshing design. As a real
 
estate template, it carries out full functions you need: Property listing & Featured Property, Agent listing, Agent Plan,
 
Map Realty, Testimonial, Contact and multiple bonus pages (blog, registration, 404…). Not that’s all. Real Estate is
 
built with Bootstrap 3, HTML5, CSS3, K2, and number of useful Joomla Extensions: JUX Real Estate, Unite
 
Revolution Slider 2, JUX Testimonial, JUX Google Map, AcyMailing... together with various shortcode options and
 
premade layouts for you to easily make up the look you want for your website. 
 
Let’s discover more and wrap your time to build your desired real estate website!
 

3. About JUX RealEstate  Template User Guide

The user guide provided is to help you to quickly learn about JUX RealEstate template and how to use it easily. This

documentation is recommended for both non-advanced & advanced users. Please read carefully.

Main aspects covered in the user guide:

  • Template Instruction
  • Download & Install
  • Home page Setting
  • Other page Setting
  • K2 page Setting
  • Template Customization
  • Megamenu Configuration
  • Logo Customization
  • Recommendation

4. Features

  • 100% Responsive & Retina ready
  • Clean and refreshing design
  • Dynamic Sticky Mega menu built in
  • Smooth Parallax Scrolling for eye-catching look
  • Compatible with Joomla 3.x
  • Built with Bootstrap, HTML5 & CSS3, K2
  • Full functions for a realty website:
- Property and Agent Listing
 
- Featured Properties
 
- Agent Registration
 
- Property Submission
 
- Agent Plan
 
- Agent and Property Management
 
- Map Realty for Property Search
 
- Multi-payment Gateway Support
 
- Notification Email Template
  • Numerous premade Layouts and Skins
- Boxed - Wide layout
 
- Dark - Light skin
 
- Full-width – With Sidebar blog layout
  • JUX Real Estate (worth 25 Euro) integrated
  • JUX Testimonial (worth 15 Euro) integrated
  • Unite Revolution Slider 2 (worth $25) Built In
  •  Various Shortcode options
  • Fully compatible with AcyMailing
  •  Built with useful extensions: JUX Login, JUX Google Maps …
  •  Joomla bonus pages: contact form, error 404 page, blog, registration...
  • Font Awesome Icon Integrated
  •  Comprehensive documentation included
  • Optimized and LESS CSS for SEO on site
  • Cross browser compatibility: IE9, IE10, Firefox, Chrome, Opera and Safari
  •  Flexible customization and user friendly
  •  Delivered with Quickstart Installation
  •  Extensive online and offline documentation, you can view online document here
  •  Top-notch Customer Support
All images in main PSD and Quickstart were generated from Placehold.it to help you know exactly image size.
 

5. Joomlaux Extensions Supported

  • JUX Google Map
  • JUX RealEstate
  • JUX Testimonial
  • JUX Login

6. 3rd  Party Extension Supported

  • Unite Revolution Slider 2
  • K2

7. Layout & Module Positions

Layout

Here are 3 different layouts used in JUX RealEstate  template:

  • Content- Sidebar

  • Sidebar-Content

  • No-Sidebar

Module positions

Take a look at the picture below for all modules’ position on JUX RealEstate

8. T3 Framework

T3 framework is a popular Template framework for Joomla 3.0 using Bootstrap. JUX RealEstate uses T3V3

framework which comes with brand-new look, design approach and incredibly powerful customization feature. Please

follow the links provided below to learn more about T3 framework and its implementation.  

8.1 T3 Framework Introduction

More about T3 framework, please visit HERE

8.2 T3 Installation

Please visit HERE

8.3 T3 Setting

Please visit HERE

8.4 Layout System

Please visit HERE

8.5 Customization

Please visit HERE






 

1. Plan your site Developer

 1.1  Kick-start a New Joomla Site? - If you are planning to start fresh with a new Joomla site, then use our Quickstart

package to quickly clone the demo site, then replace the demo content with yours. Check the How to install Quickstart Package documentation for the in-depth how-to guide for Quickstart Installation.

 1.2  Install on your existing live site? - If you are planning to use this template for your existing Joomla site, then you

should follow the How to make your site look like demo site guide first to dig in the steps involved.

 2. Download Template and Extensions

After purchasing our menu, please follow the instruction to download the package. You’ll then find our template

 zip file inside the package

3. Install Template and Extensions

 Once you successfully Downloaded the files you need, You'll have to:

-   Install the template files into your Joomla system.

-  At default, during the installation process,JUX Real Estate  template will be installed with the settings we used on our demo website

the demo website. Therefore, if you would like to make any changes in configuration, it's recommended that you should

complete the setup (including installing all the modules and plugins along with the templates as on demo) then carry out

any customization afterwards

View how to install extension guide

On homepage, we used many modules type as  Unite Revolution Slider 1, JUX Real Estate… In this documentation we will guide you how to build  look like in our demo site.

Let’s scroll to see how to create & configure each modules on Real Estate:

1. Module Phone Number

Module type: Custom HTML

Position: top-a

Custom HTML

<div class="phone-number">Call us <span>(+01)-82-286-1860</span></div>

Frontend

Backend Setting

Video Tutorial 

 

2. Module Social Media

Module type: Custom HTML

Position: top-b

Custom HTML

<div class="social-media">

<ul class="menu">

<li><a class="fa fa-facebook" href="#"><span class="social-title">Facebook</span></a></li>

<li><a class="fa fa-twitter" href="#"><span class="social-title">Twitter</span></a></li>

<li><a class="fa fa-google-plus" href="#"><span class="social-title">G+</span></a></li>

<li><a class="fa fa-pinterest" href="#"><span class="social-title">Pinterest</span></a></li>

<li><a class="fa fa-dribbble" href="#"><span class="social-title">Dribbble</span></a></li>

</ul>

</div>

Frontend

Backend Setting

Video Tutorial 

 

3. Module JUX Login

Module type: JUX Login

Position: top-c

Frontend

Backend Setting

Video Tutorial 

 

4. Module Search

Module type: Search

Position: top-d

Frontend

Backend Setting

Video Tutorial 

 

5. Module Unite Revolution Slider 2

Module type: Unite Revolution Slider 2

Position: slideshow

Frontend

Backend Setting

General Setting

Video Tutorial 

 

6. Module Search Property

Module type: JUX Real Estate Realty Search

Position: search-property

Frontend

Backend Setting

Advanced

Video Tutorial 

To learn more about this, please see OUR DOCUMENTATION

 

7. Module Featured Properties

Module type: JUX Real Estate Slider

Position: navheader

Module Class Suffix : mod-featured-properties

Frontend

Backend Setting

Module Class Suffix

Video Tutorial 

 

8. Module Purchase Realty

Module type: Custom HTML

Position: navcontent

Custom HTML

<div class="client-testimonial parallax">

   <div class="bg parallax-bg"></div>

   <div class="overlay"></div>

   <div class="testimonial-inner">

       <div class="section-title">

           <h3>Testimonial</h3>

       </div>

       <div class="testimonial-content">

           <div class="carousel slide" id="carousel-testimonial">

               <ol class="carousel-indicators">

                   <li data-target="#carousel-testimonial" data-slide-to="0" class=""></li>

                   <li data-target="#carousel-testimonial" data-slide-to="1" class=""></li>

                   <li data-target="#carousel-testimonial" data-slide-to="2" class="active"></li>

                   <li data-target="#carousel-testimonial" data-slide-to="3"></li>

               </ol>

               <div class="carousel-inner">

                   <div class="item">

                       <div class="slide-content">

                           <i class="fa fa-comment-o"></i>

                           <div class="testimonial-desc">“Real Estate helped me to find my apartment quickly and it pretty matched our criterias. The service was so good that we received recommendation very near to what we were looking for. Real Estate is really a great choice for your home search.”</div>

                           <div class="our-customer-info">

                               <div class="avatar">

                                   <a href="#">

                                       <img src="images/joomlaux/demo/client.png" alt="" />

                                   </a>

                               </div>

                               <div class="custom-desc">

                                   <h4>Dave Softel</h4>

                                   <p>Happy Buyer of June</p>

                               </div>

                           </div>

                       </div>

                   </div>


                   <div class="item">

                       <div class="slide-content">

                            <i class="fa fa-comment-o"></i>

                           <div class="testimonial-desc">“Real Estate helped me to find my apartment quickly and it pretty matched our criterias. The service was so good that we received recommendation very near to what we were looking for. Real Estate is really a great choice for your home search.”</div>

                           <div class="our-customer-info">

                               <div class="avatar">

                                   <a href="#">

                                       <img src="images/joomlaux/demo/client.png" alt="" />

                                   </a>

                               </div>

                               <div class="custom-desc">

                                   <h4>Dave Softel</h4>

                                   <p>Happy Buyer of June</p>

                               </div>

                           </div>

                       </div>

                   </div>


                   <div class="item active">

                       <div class="slide-content">

                           <i class="fa fa-comment-o"></i>

                           <div class="testimonial-desc">“Real Estate helped me to find my apartment quickly and it pretty matched our criterias. The service was so good that we received recommendation very near to what we were looking for. Real Estate is really a great choice for your home search.”</div>

                           <div class="our-customer-info">

                               <div class="avatar">

                                   <a href="#">

                                       <img src="images/joomlaux/demo/client.png" alt="" />

                                   </a>

                               </div>

                               <div class="custom-desc">

                                   <h4>Dave Softel</h4>

                                   <p>Happy Buyer of June</p>

                               </div>

                           </div>

                       </div>

                   </div>


                   <div class="item">

                       <div class="slide-content">

                           <i class="fa fa-comment-o"></i>

                           <div class="testimonial-desc">“Real Estate helped me to find my apartment quickly and it pretty matched our criterias. The service was so good that we received recommendation very near to what we were looking for. Real Estate is really a great choice for your home search.”</div>

                           <div class="our-customer-info">

                               <div class="avatar">

                                   <a href="#">

                                       <img src="images/joomlaux/demo/client.png" alt="" />

                                   </a>

                               </div>

                               <div class="custom-desc">

                                   <h4>Dave Softel</h4>

                                   <p>Happy Buyer of June</p>

                               </div>

                           </div>

                       </div>

                   </div>

               </div>

           </div>

       </div>

   </div>


</div>

Frontend

Backend Setting

Video Tutorial 

 

9. Module Our Agents

Module type: Custom HTML

Position: our-agents

Custom HTML

<div class="meet-our-agents">

   <div class="list-agents row">

       <div class="agent col-md-4 col-sm-6 col-xs-12">

           <div class="agentImage">

               <div class="agentimg">

                   <img alt="" src="images/joomlaux/demo/our-agents/1.jpg" />

               </div>


               <div class="agentSocial">

                   <a href="#" target="_blank"><i class="fa fa-facebook">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-twitter">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-google-plus">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-linkedin">&nbsp</i></a>

               </div>

           </div>


           <div class="agentDesc">

               <span class="spanName">JAMES LANE</span>

               <span class="spanPosition">(+01) 28-285-2915</span>

               <span class="spanDesc">Vestibulum id felis arcu. In suscipit, tortor id accum interdum, urna ligula eleifend mi, eu ornare leo dui vitae sem. </span>

           </div>

       </div>


       <div class="agent col-md-4 col-sm-6  col-xs-12">

           <div class="agentImage">

               <div class="agentimg">

                   <img alt="" src="images/joomlaux/demo/our-agents/2.jpg" />

               </div>


               <div class="agentSocial">

                   <a href="#" target="_blank"><i class="fa fa-facebook">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-twitter">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-google-plus">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-linkedin">&nbsp</i></a>

               </div>

           </div>


           <div class="agentDesc">

               <span class="spanName">ZACHARY MORRIS</span>

               <span class="spanPosition">(+01) 58-181-6836</span>

               <span class="spanDesc">Vestibulum id felis arcu. In suscipit, tortor id accum interdum, urna ligula eleifend mi, eu ornare leo dui vitae sem. </span>

           </div>

       </div>


       <div class="agent col-md-4 col-sm-6  col-xs-12">

           <div class="agentImage">

               <div class="agentimg">

                   <img alt="" src="images/joomlaux/demo/our-agents/3.jpg" />

               </div>


               <div class="agentSocial">

                   <a href="#" target="_blank"><i class="fa fa-facebook">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-twitter">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-google-plus">&nbsp</i></a>

                   <a href="#" target="_blank"><i class="fa fa-linkedin">&nbsp</i></a>

               </div>

           </div>


           <div class="agentDesc">

               <span class="spanName">JANET REID</span>

               <span class="spanPosition">(+01) 38-367-1024</span>

               <span class="spanDesc">Vestibulum id felis arcu. In suscipit, tortor id accum interdum, urna ligula eleifend mi, eu ornare leo dui vitae sem. </span>

           </div>

       </div>

   </div>

</div>

Frontend

Backend Setting

Video Tutorial 

 

10. Module Client

Module type: Custom HTML

Position: client

Module Class Suffix: client

Custom HTML

<div class=" animatedParent">

<h2 class="fadeInUp animated">SOME FAMOUS CLIENTS WE WORK WITH SO FAR</h2>

<div class="all-logo">

<div class="row logos fadeInUp animated">


<div class="col-no-pd col-md-2 col-sm-4  "><a href="#"><img src="images/joomlaux/demo/client/client1.png" alt="" /></a></div>

<div class="col-no-pd col-md-2 col-sm-4  "><a href="#"><img src="images/joomlaux/demo/client/client2.png" alt="" /></a></div>

<div class="col-no-pd col-md-2 col-sm-4  "><a href="#"><img src="images/joomlaux/demo/client/client3.png" alt="" /></a></div>

<div class="col-no-pd col-md-2 col-sm-4  "><a href="#"><img src="images/joomlaux/demo/client/client4.png" alt="" /></a></div>

<div class="col-no-pd col-md-2 col-sm-4  "><a href="#"><img src="images/joomlaux/demo/client/client5.png" alt="" /></a></div>

<div class="col-no-pd col-md-2 col-sm-4  "><a href="#"><img src="images/joomlaux/demo/client/client6.png" alt="" /></a></div>

</div>

</div>

<p class="fadeInUp animated">Pellentesque id consectetur est. Fusce lacus justo, hendrerit non tortor a, rutrum rutrum tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>

</div>

Frontend

Backend Setting

Module Class Suffix

Video Tutorial 

 

11. Module About Us

Module type: Custom HTML

Position: footer-1

Custom HTML
<div class="about-us">

<div class="about-us-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id fermentum lorem.</div>

</div>

<ul class="address-info">

 <li>

   <i class="fa fa-paper-plane"><span class="hidden">fa-paper-plane</span></i>

   <div class="address-detail">

     <a href="mailto:[email protected]">Contaccompany.com</a>

   </div>

 </li>

 <li>

   <i class="fa fa-phone"><span class="hidden">fa-phone</span></i>

   <div class="address-detail">

     <span>P: +1 234567890</span><br />

     <span>F: +0987654321</span>

   </div>

 </li>

 <li>

   <i class="fa fa-map-marker""><span class="hidden"> fa-map-marker"</span></i>

   <div class="address-detail">

     <span>1234 Street Name, City Name, United States</span>

   </div>

 </li>

</ul>

Frontend

Backend Setting

Video Tutorial 

 

12. Module Recent News

Module type: K2 Content

Module Class Suffix: recent_news

Frontend

Backend Setting

Video Tutorial 

 

13. Module Company

Module type: Menu

Position: footer-3

Module Class Suffix : mod-company

Frontend

Backend Setting

Module Class Suffix

Video Tutorial 

 

14. Module Newsletter

Module type: AcyMailing

Position: footer-4

Backend Setting

Video Tutorial 

 

15. Module Footer

Module type: Footer

Position: footer

Frontend

Backend Setting

Video Tutorial 


 

1. Guide how to create & configure Property page

Here is frontend Property page

 

1.1 Guide how to create & configure module in “jux-banner” positition

1.1.1 Module Banner Properties

Module type: Custom HTML

Position: jux-banner

Custom HTML

<div class="container">

<h2>Properties</h2>

<p>Lorem ipsum doltor sit amet, consectetur adipiscing elit.</p>

</div>

Frontend

Backend Setting

Background Setting

 

1.1.2 Module Banner Map

Module type: Custom  HTML

Position: jux-banner

Custom HTML

<div class="container">

<h2>Map Realty</h2>

<p>Real estate matching your search</p>

</div>

Frontend

Backend Setting

Background Setting

 

1.1.3 Module Banner Agent

Module type: Custom HTML

Position: jux-banner

Custom HTML

<div class="container">

<h2>Agents</h2>

<p>Lorem ipsum doltor sit amet, consectetur adipiscing elit.</p>

</div>

Frontend

Backend Setting

Background Setting

 

1.1.4 Module Banner Blog

Module type: Custom HTML

Position: jux-banner

Custom HTML

<div class="container">

<h2>Blog</h2>

<p>Lorem ipsum doltor sit amet, consectetur adipiscing elit.</p>

</div>

Frontend

Backend Setting

Background Seting

 

1.2 Guide how to create& configure modules in “sidebar” position

1.2.1 Module Categories

Type: JUX Real Estate Categories

Position: sidebar

Frontend

Backend Setting

 

1.2.2 Module Realty Search

Module type: JUX Real Estate Realty Search

Position: sidebar

Frontend

Backend Setting

 

1.2.3 Module Types

Module type: JUX Real Estate Types

Position: sidebar

Frontend

Backend Setting

 

1.3 Guide how to create content of JUX Real Estate

To have content of  JUX Real Estate look like in our demo site, please follow these steps:

With Options

Note : Similarly, you can do the same steps with other pages, such as Map Realty, Agents.

 

2. Guide how to create & configure Contact page

Here is frontend of Contact page

 

2.1 Guide how to create & configure “contact”position

2.1.1  Module Contact Us Custom

Module type: Custom HTML

Position: contact

Custom HTML

<div class="contact-us-custom container">

<h3>Contact Us</h3>

<div class="text-small">Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>

</div>

Frontend

Backend Setting

Module Class Suffix

 

2.1.2 Module JUX Google Map

Module type: JUX Google Map

Position: contact

Frontend

Backend Setting

 

2.2. Guide how to create& configure Contact component.

To have contact form look like as this picture, please follow these steps:

Miscellaneous Information

 

1. K2 Instruction

K2 is a powerful & ideal extension that allows you to powerfully control your Joomla content. K2 provides out-of-the-box integrated solutions featuring rich content forms for items.

To get K2 on your site, download K2 component from the website http://getk2.org/

If you are new to K2, go to K2 guide to install and configure the component in your Joomla site.

 

2. Install & Configure K2 Component

To install & configure K2 pages, please follow these steps:

 

After uploading successfully, you will have the message and K2 information as below:

 

You will find general settings for K2 in Global Configuration. Navigate to System→Global Configuration:

Layout & View

Content

Images

Social

Comments

Frontend Editing

To build K2 for your website like our demo, navigate to Components --> K2 --> Categories:

 

 

3. Guide how to create & configure Blog page

Frontend of blog page

3.1 Guide how to create & configure “jux-banner” and “sidebar” position, please see ANOTHER PAGE SETTING section

3.2 Create Blog Page

To have blog page like in our demo site, please follow these steps:

 

You can change frontend by changing leading count and Primary count in category.

 

1. Template override

To override template, please clone your style then edit as you wish. After that, assign the cloned style to specific menus. The assigned menus will override the same menu in the default style.

Each style can be configured to use a theme and layout so in one website, you can have menus with different themes and layouts.

 

2. Layout Configuration

2.1 Select layout for style

In Real Estate, each style will use one layout (but please keep in mind that one site use many styles --> so one site can use multiple layouts simultaneously because T3 uses multiple styles simultaneously)

 

2.2 Layout Configuration

In the layout setting, there are 2 parts to be configured: Layout Structure and Responsive Layout configuration

Layout Structure

Set number of columns in each spotlight block

Responsive Layout Configuration

Select responsive layout

In each responsive layout, you can enable/disable content resize module position in each spotlight block

 

3. Theme Options

In JUX Real Estate, we support some other options, you can enable/disable Animation Css or styles for theme.

 

3.1 Enable Animate CSS

Enable Animate CSS: Enable CSS3 animation, for more information please visit https://daneden.me/animate.

Enable Animate: On → If enabled, animate css will be able to load on homepage.

Enable Animate: Off → If disabled, animate css will not be able to load on homepage.

3.2 Dark style

Dark Style: On→ Change the template style to dark.

Dark Style: Off→ Change the template style to default style.

Frontend Demo

3.3 Boxed Layout

Boxed Layout: On → Change the template layout to boxed style.

Boxed Layout: Off → Change the template layout to default style.

Frontend Demo


 

The image below shows the sample of megamenu in Real Estate demo. In fact, you can do much more with what Megamenu supports.

 

Megamenu is a highlighted feature of T3 Framework. The visual configuration (what you configure is what you see in front-page) of Megamenu helps you configure it at ease.

1. Enable megamenu

Open the template style that you want to enable Megamenu, go to Navigation tab then enable the Megamenu option.

 

2. Configure megamenu

Megamenu configuration is a global setting so it's the same for all template styles. On the top of template style, hit the Megamenu button

 

2.1 Select menu to display on frontend

You can select any menu to configure for Megamenu but it's not the menu displayed in your front-page. The menu displayed in your front-page is the menu you assign in the Template style setting, under the Navigation tab.

 

2.2 Configuration Level

There are 3 level of configuration that you should know

- Submenu setting

- Column setting

- Menu Item setting

2.2.1  Menu Item setting

The menu item setting allows you to enable/disable its sub-menu, add extra class to style the menu item, and add icon and caption for the menu item.

2.2.2 Submenu Setting

2.2.3  Column configuration

 

3. Off-Canvas Configuration

The new Off-canvas sidebar is now independent with Collapse Navigation for small screens. The Off-canvas sidebar displays content from defined position.

3.1 Enable Off-canvas sidebar

To enable Off-canvas sidebar, open Add-ons tab then enable Off-canvas sidebar

Assign module position to Off-canvas sidebar. By default, Off-canvas will be assigned to off-canvas position

Add content for Off-canvas sidebar by creating modules then assign them to off-canvas position

Frontend appearance

3.2 Use Off-Canvas as Navigator in small screens

In case you want to display Off-canvas sidebar as navigation in small screens like tablet, mobile, please disable Off-canvas sidebar in responsive layout.


 

Here is frontend of Real Estate

 

1. Change the Logo image

There are 2 ways to change logo for Real Estate template

#1: Change logo from Template Manager

Each style can go with different logo. To set style for the logo, please go to Extensions→Template Manager→ select Theme you’re using. Select image for logo on your site as shown in picture below:

 

 

#2:  Change the Logo from the variable.less file

Another way to change logo is changing logo image path in variables.less file, which is located in template/jux_realty/less

// TEMPLATE LOGO

// --------------------------------------------------

@t3-logo-image:               "@{t3-image-path}/logo.png";

 

2. Logo Styling

To customize style for logo, open file style.css that is located in the template/jux_realty/less/style.css folder. Search for the logo text, you’ll find the style where you can either add more styles or customize it as you want.

// Logo

// ----

.logo {


 text-align: center;


 // Left align the logo on  Tablets / Desktop

 @media screen and (min-width: @screen-sm) {

   text-align: left;

 }


 a {

   display: inline-block;

   line-height: 1;

   margin: 0;

 }


}


// Logo Image

// ----------

.logo-image {

text-align: center;

 // Hide sitename and slogan

 span, small {

   display: none;

 }

}


// Logo Text

// ----------

.logo-text {


 a {

   text-decoration: none;

   font-size: ceil(@font-size-base * 2);

   font-weight: bold;

 }


 &:hover a,

 a:hover,

 a:active,

 a:focus {

   text-decoration: none;

 }


 // Taglines

 .site-slogan {

   display: block;

   font-size: @font-size-base;

   margin-top: 5px;

 }

}
 
The above user guide should help one in replicating the Demo site settings for the template and extension on their site. 
 
If you are new or are confused, we recommend installing Quickstart on your local host and use it as reference for configurations. This is the best way to work with any template.You should carefully read all the provided resources to take the maximum advantage of our products. 
 
Support: If you have any issue or question please raise your support queries in our Support Forum or in Our Ticket System. (for Developer Membership only) We spend more time in getting the information from user in case the support guidelines are not followed.