Assign modules on offcanvas module position to make them visible in the sidebar.

Menu

Categories

Love story !

Love Story

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices. Phasellus viverra commodo nulla, eget scelerisque lectus consectetur et. Curabitur commodo lectus nec lectus porta vestibulum. Pellentesque in rutrum nisl. Proin purus augue, volutpat a mattis id, mattis quis ligula. Nulla facilisi. Vestibulum tincidunt velit faucibus erat congue non viverra nulla pharetra. Suspendisse potenti. Ut est felis, volutpat luctus porta quis, tincidunt sed lorem.

Top1-1

Module suffix: default module

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top1-2

Module suffix: title-small-ms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top1-3

Module suffix: title-color-ms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top1-4

Module suffix: white-ms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top2-1

Module suffix: title-border1-ms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top2-2

Module suffix: title-border2-ms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top2-3

Module suffix: title-center-ms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top2-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Content-top

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices. Aliquam id nunc turpis. In et blandit arcu. Donec pharetra, mauris id consectetur pretium, eros nisl pharetra urna, ut pellentesque magna mi a leo.

There are additional module designs available that you can control by entering a correct suffix name as a module parameter.
If you need to mix suffixes then separate classes with some space.


 

 

1. Available module designs.

 

2. DJ-Mediatools Album (Modern Slider, Slideshow, Tabber)

Use the suffix for module if you want to get the following view. Otherwise the module will use the default css styles.



Suffix name:

1) navigation-ms - Use the suffix for module if you want to get the following view for navigation.

2) pagination-ms - Use the suffix for module if you want to get the following view for pagination.

3) description-ms - Use the suffix for module if you want to remove description background.

 

3. DJ-MediaTools Album (Gallery Grid)

Use the suffix for module if you want to get the following view. Otherwise the module will use the default css styles.



Suffix name: grid-ms

 

4. DJ-Classifieds Search

Use the suffix for module if you want to get the following view. Otherwise the module will use the default css styles.



Suffix name:

1) search1-ms - Use the suffix for module if you want to get the following view for input.

2) category-ms - Use the suffix for module if you want to get the following view for categories select.

3) advanced-ms - Use the suffix for module if you want to display advanced features.

 

5. DJ-Classifieds Search

Use the suffix for module if you want to get the following view. Otherwise the module will use the default css styles.



Suffix name:

1) search2-ms - Use the suffix for module if you want to get the following view for input.

2) category-ms - Use the suffix for module if you want to get the following view for categories select.

3) advanced-ms - Use the suffix for module if you want to display advanced features.

 

6. Menu module

Use the suffix for Menu module if you want to get the following view for menu.



Suffix name: tags-ms

 

7. Additional suffixes

Use the suffix to remove module margin.


Suffix name:

1) margin-ms - Use the suffix for module if you want to remove bottom margin.

2) side-margin-ms - Use the suffix for module if you want to remove margin between modules.


Use this suffix to make your modules height the same.
You just have to put a suffix at a module configuration to get the specified module height.

See here the screenshot:

height1

_mod300 means that your module will be of 300 pixels high.

 

Module settings

JM Social Icons module

Recommended settings for this template in Custom CSS field:

 

%id% %item% a {
color: %color%;
border-color: %color%;
}
%id% %item% a:hover {
background: %color2%;
}

Content-Bottom

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices. Aliquam id nunc turpis. In et blandit arcu. Donec pharetra, mauris id consectetur pretium, eros nisl pharetra urna, ut pellentesque magna mi a leo.

Bottom1-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom1-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom1-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom1-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom2-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom2-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom2-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom2-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom3-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom3-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom3-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom3-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.