Help is on the way!

Browse our Documentation, Search the Knowledge Base, Still need help? Send us a support ticket.

USER31 - JoomlaXTC Deluxe News Pro



In the USER31 position we use our JoomlaXTC Deluxe NewsPro Module to create a column of featured content. In order to recreate the layout you will first need to upload the Module to your Joomla install. Next publish the module in USER31 position and open then module. Next, select the kronos_news_user31 template from the demo Templates included in the module.

Make sure to set the advanced parameters layout parameter to select 'bootstrap' and add the module class suffix 'nopad nomarg'.


The icons work with the Font Awesome icon set included with Kronos. There are assigned using the :before css property. Each icon in Font Awesome has a glyph number and is assigned a unique name. If you look on the module suffixes page of Kronos, find the name of the icon you like. Then open typo.css. Do a quick search for that icon name. Then copy it's glyph number. It will look something like: \f135

Next go into style(x).css and look on or around line 300 for:


.ottwrap .col-1 .datewrap:before {content: "\f135"; background:<?php echo $params->basecolor1;?>!important;}
.ottwrap .col-2 .datewrap:before {content: "\f132"; background:<?php echo $params->basecolor2;?>!important;}
.ottwrap .col-3 .datewrap:before {content: "\f12e"; background:<?php echo $params->basecolor3;?>!important;}
.ottwrap .col-4 .datewrap:before {content: "\f13d"; background:<?php echo $params->basecolor4;?>!important;}
.ottwrap .col-5 .datewrap:before {content: "\f14b"; background:<?php echo $params->basecolor5;?>!important;}
.ottwrap .col-6 .datewrap:before {content: "\f121"; background:<?php echo $params->basecolor6;?>!important;}

Simply change out the glyph numbers accordingly.

For more information on styling and configuring the Deluxe News Pro Module visit the full documentation HERE



Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET