Page tree
Skip to end of metadata
Go to start of metadata


Template is based on the Warp 7 framework which is fast and powerful template engine.


Template Configuration

Template settings can be accessed under Joomla backend template configuration:

Extensions -> Templates -> cd_offerzone


Base settings has not been changed set to default.


Sidebar-a has been set for left alignment



Modules styles has been set accordingly:

There are several styles available for each module. The basic ones are Box and Box Header. For each module header additionally an icon can be set.

Modules Styles

Examples of the module styles set:

Module Style NamePreview
Box Primiary
Box Secondary

There are also other styles available. Please check template demo.

Logo must be placed in the logo position for the menu to be seen in the Menu position.

Logo Small 

Logo small can be placed on the logo-small position to show on the mobile menu  


Additionally an icon for menu item can be set under menu options in Link CSS Style:

Responsive Menu

In order to make the menu responsive, create a copy of the main menu and place it in off canvas position.

Slideshow FullScreen

Special template position has been created to display full width image/slideshow: Fullscreen. To place any content on the Fullscreen addionally Fullscreen-over can be used

For static background image use:

<div style="background-image: url("images/Slider/slider.jpg"); height: 280px;" class="tm-image uk-text-center"></div>

Fullscreen-Over Content

Custom HTML module placed in Fullscreen-over position with content:

<div class="uk-clearfix">
    <div class="uk-float-left uk-margin-right uk-man">
        <img src="images/businessman.png" alt="directory" style="margin-top: -60px; margin-left: 60px;"/>
    <div class="uk-home-right uk-margin-right">
        <h3 style="color: #FFF">Browse selection of high quality professionals. Whether you're loooking for software engineer or house decoration team, you're in the right place!</h3>
        <span class="uk-badge uk-badge-danger"><h3 class="uk-margin-small" style="color: #FFF; font-weight: bold">OR</h3></span>
        <h3 style="color: #FFF">Post your job offer and wait for the Bids! </h3>
        <div class="">
            <a class="uk-button uk-button-large uk-button-success uk-margin-right">Go To Offers <i class="uk-icon-caret-square-o-up"></i></a>
            <a href="directory/latest" class="uk-button uk-button-large uk-button-primary">Browse Partners <i class="uk-icon-arrow-circle-right"></i></a>


The main page margin is set below the fullscreen area.

  • No labels