Go to Components → iFAQ, click on the Options button and you can change the iFAQ default templates.
iFAQ tries to inherit most of your template's style. It should look like your content items and have the same styling such as font-size, color, headings (h1, h2, h3, h4), blockquotes, pre-formated text, buttons, and so forth.
In order to customize iFAQ Look and Feel all you have to do is edit the CSS file:
[Joomla 4] /media/com_ifaq/css/templates/[template_name]/ifaq.css
[Joomla 3 or older] /components/com_ifaq/templates/[template_name]/ifaq.css
It's recommended to create a new template from an existing one, so choose the template you want to copy from and copy the entire directory:
[Joomla 4] /media/com_ifaq/css/templates/template_name/
[Joomla 3 or older] /components/com_ifaq/templates/template_name/
to:
[Joomla 4] /media/com_ifaq/css/templates/new_template_name/
[Joomla 3 or older] /components/com_ifaq/templates/new_template_name/
Then edit the/new_template_name/ifaq.css
file and replace all instances of template_name
with new_template_name
, then change the color
and background
properties according to your needs.
Editing tip: We minimize the CSS file in order to improve performance, so you can use a CSS beautifier tool. There are many available online;
After the changes you can take a screenshot of the FAQ area and replace the thumbnail.png
Once you are done, if you want to share your customization with everyone send it to us and we might add to the existing templates;
Copyright © 2018 IdealExtensions.com. All Rights Reserved.