The Technews template contains following module positions (and few hidden module positions - for tabs: tab1-tab10, for newsletter popup: newsletter)
The sidebar_top module position is visible only on the subpages. The logo and copyrights areas contains content which can be set under the template params.
The Quark template fully uses LESS language for generating the CSS files of the template. Thanks to the built-in LESS parser you can forget about additional LESS compilers - if you enable the template built in compiler then after every change in the template less files you will get new css files.
The LESS language features are described in the official documentation page.
Please remember that if you decide to modify the *.css files you shouldn't enable the LESS parser - after enabling it you will lose your CSS changes - it will be overwriten by the code based on the not modified *.less files.
The LESS compiler can be enabled under the template advanced settings:
Please remember that the LESS parser should be enabled only while you are editing your LESS files - it needs relatively big amount of server resources and will cause slower page loading time. That's why please remember to disable the LESS compiler after finishing the *.less files modifications.
The LESS files are located under the less directory. Most of the files are loaded inside the main.less file which transform into the template.css file. Thanks to that we have limited amount of the CSS files request while you still have separate files like template.less, gk.stuff.less, k2.less etc.
The most important feature is fact that you can change easily the template colors and font-sizes using one file - variables.less. This file contains a variables with basic colors and font-sizes used inside the template CSS code. By changing one variable i.e. @primary_color, you can change the whole template colors.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut metus augue, id laoreet dolor. Maecenas volutpat tristique felis, vel placerat sapien congue at. Vivamus vel massa sapien. Sed tempus mattis libero, at consequat neque viverra sed. Sed tortor metus, rhoncus id facilisis at, mattis eget nisi. Curabitur vel tortor felis. Sed mattis diam eu urna fermentum sed porta arcu auctor. Phasellus volutpat, sem feugiat malesuada cursus, magna dui adipiscing lectus, a pharetra leo enim quis lectus. Donec ornare magna a erat euismod egestas. Morbi non arcu sit amet diam dapibus aliquet vel nec massa. Aliquam fermentum sollicitudin lorem, auctor vehicula felis pellentesque a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus magna, mollis sed ultricies ut, pellentesque a metus. Duis eu vestibulum nisl. Mauris blandit elit a turpis pellentesque semper. Integer eget urna erat, et hendrerit magna. In a quam urna, at sollicitudin tellus.
Donec ipsum erat, gravida sit amet laoreet et, adipiscing nec nibh. Vivamus ultrices faucibus nulla ut rhoncus. Nunc non posuere sapien. Praesent nec elit vitae sem posuere elementum eget tincidunt lorem. Quisque ornare malesuada dui nec pretium. Ut in mauris sit amet nunc cursus vehicula at id dolor. In enim nisi, venenatis quis lacinia id, congue sed arcu. Morbi nec risus eget augue porttitor pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis enim in lacus aliquam tempus eu nec enim. Phasellus adipiscing facilisis est, sit amet volutpat libero vehicula in. Phasellus tincidunt convallis nisl sit amet luctus. Donec leo quam, sollicitudin vel porttitor at, cursus sed tellus. Sed dapibus massa id leo faucibus tempor molestie purus placerat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque tempor fringilla augue sit amet bibendum. Nam vitae hendrerit nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut metus augue, id laoreet dolor. Maecenas volutpat tristique felis, vel placerat sapien congue at. Vivamus vel massa sapien. Sed tempus mattis libero, at consequat neque viverra sed. Sed tortor metus, rhoncus id facilisis at, mattis eget nisi. Curabitur vel tortor felis. Sed mattis diam eu urna fermentum sed porta arcu auctor. Phasellus volutpat, sem feugiat malesuada cursus, magna dui adipiscing lectus, a pharetra leo enim quis lectus. Donec ornare magna a erat euismod egestas. Morbi non arcu sit amet diam dapibus aliquet vel nec massa. Aliquam fermentum sollicitudin lorem, auctor vehicula felis pellentesque a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus magna, mollis sed ultricies ut, pellentesque a metus. Duis eu vestibulum nisl. Mauris blandit elit a turpis pellentesque semper. Integer eget urna erat, et hendrerit magna. In a quam urna, at sollicitudin tellus.
Donec ipsum erat, gravida sit amet laoreet et, adipiscing nec nibh. Vivamus ultrices faucibus nulla ut rhoncus. Nunc non posuere sapien. Praesent nec elit vitae sem posuere elementum eget tincidunt lorem. Quisque ornare malesuada dui nec pretium. Ut in mauris sit amet nunc cursus vehicula at id dolor. In enim nisi, venenatis quis lacinia id, congue sed arcu. Morbi nec risus eget augue porttitor pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis enim in lacus aliquam tempus eu nec enim. Phasellus adipiscing facilisis est, sit amet volutpat libero vehicula in. Phasellus tincidunt convallis nisl sit amet luctus. Donec leo quam, sollicitudin vel porttitor at, cursus sed tellus. Sed dapibus massa id leo faucibus tempor molestie purus placerat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque tempor fringilla augue sit amet bibendum. Nam vitae hendrerit nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut metus augue, id laoreet dolor. Maecenas volutpat tristique felis, vel placerat sapien congue at. Vivamus vel massa sapien. Sed tempus mattis libero, at consequat neque viverra sed. Sed tortor metus, rhoncus id facilisis at, mattis eget nisi. Curabitur vel tortor felis. Sed mattis diam eu urna fermentum sed porta arcu auctor. Phasellus volutpat, sem feugiat malesuada cursus, magna dui adipiscing lectus, a pharetra leo enim quis lectus. Donec ornare magna a erat euismod egestas. Morbi non arcu sit amet diam dapibus aliquet vel nec massa. Aliquam fermentum sollicitudin lorem, auctor vehicula felis pellentesque a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus magna, mollis sed ultricies ut, pellentesque a metus. Duis eu vestibulum nisl. Mauris blandit elit a turpis pellentesque semper. Integer eget urna erat, et hendrerit magna. In a quam urna, at sollicitudin tellus.
Donec ipsum erat, gravida sit amet laoreet et, adipiscing nec nibh. Vivamus ultrices faucibus nulla ut rhoncus. Nunc non posuere sapien. Praesent nec elit vitae sem posuere elementum eget tincidunt lorem. Quisque ornare malesuada dui nec pretium. Ut in mauris sit amet nunc cursus vehicula at id dolor. In enim nisi, venenatis quis lacinia id, congue sed arcu. Morbi nec risus eget augue porttitor pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis enim in lacus aliquam tempus eu nec enim. Phasellus adipiscing facilisis est, sit amet volutpat libero vehicula in. Phasellus tincidunt convallis nisl sit amet luctus. Donec leo quam, sollicitudin vel porttitor at, cursus sed tellus. Sed dapibus massa id leo faucibus tempor molestie purus placerat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque tempor fringilla augue sit amet bibendum. Nam vitae hendrerit nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nisl libero, auctor in eleifend ac, tincidunt quis ante. Nunc condimentum massa vel dictum cursus. Nullam non est vitae mi efficitur lobortis. Proin vel enim ut enim bibendum vulputate. Sed consequat ipsum nec dapibus euismod. Duis in mi eget sapien commodo fermentum. Nunc porta, lorem vel lacinia tincidunt, tellus felis dignissim quam, laoreet condimentum ligula erat a dolor. Sed ut nisi ac augue venenatis posuere. Praesent a augue vehicula, porta felis sit amet, molestie ex. Phasellus et lobortis elit. In hac habitasse platea dictumst. Vivamus tristique aliquam nunc, quis maximus velit aliquet sed. Donec a erat ut augue facilisis feugiat. Fusce vel sollicitudin arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nisl libero, auctor in eleifend ac, tincidunt quis ante. Nunc condimentum massa vel dictum cursus. Nullam non est vitae mi efficitur lobortis. Proin vel enim ut enim bibendum vulputate. Sed consequat ipsum nec dapibus euismod. Duis in mi eget sapien commodo fermentum. Nunc porta, lorem vel lacinia tincidunt, tellus felis dignissim quam, laoreet condimentum ligula erat a dolor. Sed ut nisi ac augue venenatis posuere. Praesent a augue vehicula, porta felis sit amet, molestie ex. Phasellus et lobortis elit. In hac habitasse platea dictumst. Vivamus tristique aliquam nunc, quis maximus velit aliquet sed. Donec a erat ut augue facilisis feugiat. Fusce vel sollicitudin arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nisl libero, auctor in eleifend ac, tincidunt quis ante. Nunc condimentum massa vel dictum cursus. Nullam non est vitae mi efficitur lobortis. Proin vel enim ut enim bibendum vulputate. Sed consequat ipsum nec dapibus euismod. Duis in mi eget sapien commodo fermentum. Nunc porta, lorem vel lacinia tincidunt, tellus felis dignissim quam, laoreet condimentum ligula erat a dolor. Sed ut nisi ac augue venenatis posuere. Praesent a augue vehicula, porta felis sit amet, molestie ex. Phasellus et lobortis elit. In hac habitasse platea dictumst. Vivamus tristique aliquam nunc, quis maximus velit aliquet sed. Donec a erat ut augue facilisis feugiat. Fusce vel sollicitudin arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nisl libero, auctor in eleifend ac, tincidunt quis ante. Nunc condimentum massa vel dictum cursus. Nullam non est vitae mi efficitur lobortis. Proin vel enim ut enim bibendum vulputate. Sed consequat ipsum nec dapibus euismod. Duis in mi eget sapien commodo fermentum. Nunc porta, lorem vel lacinia tincidunt, tellus felis dignissim quam, laoreet condimentum ligula erat a dolor. Sed ut nisi ac augue venenatis posuere. Praesent a augue vehicula, porta felis sit amet, molestie ex. Phasellus et lobortis elit. In hac habitasse platea dictumst. Vivamus tristique aliquam nunc, quis maximus velit aliquet sed. Donec a erat ut augue facilisis feugiat. Fusce vel sollicitudin arcu.
Creating icon inside the menu item is very simple - just put inside the menu item title text {{icon_name}}.
The icon_name is a value from the Material Icons documentation.
Please remember that all spaces in the icon names should be replaced with the "_" char.
