LESS CSS

You can use advanced and flexible features of LESS CSS to style your websites. LESS gives you easy way to configure basic widgets styling. To start using it, put the following line inside your assets/theme.less file:

@import 'ipContent'; // import system ipContent.less file

Add any of following options below import statement to change the look of the content:

ImpressPages will automatically compile LESS file into CSS file. Include it in your theme's layout:

<?php
ipAddCss('assets/theme.css');
echo ipHead();
?>

If configuration options doesn't cover all your needs, add additional CSS lines at the end of the file.

You can see the exact LESS implementation in Ip/internal/Ip/assets/less/ipContent/ipWidget/ directory. Add corresponding files to your theme's assets/less/ipContent/ipWidget directory and these files will be used instead of originals.

For example, if you need to override Image Gallery widget styles, you need to add Theme/MyTheme/assets/less/ipContent/ipWidget/Gallery.less file.