Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: iFAQ - Frequently Asked Questions
  7. Is there a way to use template's custom.css
× Frequently Asked Questions using Joomla content articles. iFAQ (former MooFAQ) is a FAQ Component for Joomla!™ which uses jQuery and Bootstrap to load Joomla Articles in Accordion format.

Product Page | Documentation Page

Is there a way to use template's custom.css

8 years 7 months ago #20180 by lmbhssp
Hello,

I want to override default iFAQ css rules. Is there a way I can do it in the custom.css file from the Joomla template I use? Yes, I have read through most of the threads in the forum and seen your suggestions to use custom.css or ifaq.css files in the component folder but that is just not an option for me. I really need to override css rules via template's custom.css file. Is there a way to do it?

Thanks.

Please Log in or Create an account to join the conversation.

8 years 7 months ago #20185 by support
Dear lmbhssp,

Yes, it shouldn't be a problem at all, just add the override CSS rules to your custom.css file in your template directory.

Add the same CSS rules to your templates custom.css file that you would add to the custom.css file in iFAQ directory. There's no change.

Let me know if you need any further assistance.

Best regards,
Douglas Machado
iStoreLocator | iFAQ | Ideal Related Articles | Contact Enhanced

Please Log in or Create an account to join the conversation.

8 years 7 months ago - 8 years 7 months ago #20189 by lmbhssp
But it does not work. Rules in custom.css always gets overridden by rules in ifaq.css. As you can see in the attached screenshot.

BTW, I am using iFAQ as modules.
Attachments:

Please Log in or Create an account to join the conversation.

8 years 7 months ago #20190 by support
Dear lmbhssp,

I see. All you need to do in this case is add a prefix to the CSS rules. For example:
.ifaq.ifaq-tpl-basic .collapse-close{}
.ifaq .ifaq-collapsible{}

Not there there is no space between .ifaq and .ifaq-tpl-basic, however there's a space .ifaq and all other CSS rules.

Another, not so elegant, alternative is to add !important at the end of each property;

Best regards,
Douglas Machado
iStoreLocator | iFAQ | Ideal Related Articles | Contact Enhanced

Please Log in or Create an account to join the conversation.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: iFAQ - Frequently Asked Questions
  7. Is there a way to use template's custom.css
Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback