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. Module: Ajax Contact
  7. Module Class Suffix

Module Class Suffix

11 years 4 months ago - 11 years 4 months ago #13171 by iorbita
Hello,

I have problems with the "module suffix"
I don't understand why I can reach some css rules, for example:
I named my suffix module mod3
If I call this rule like this
.mod3 input#ac-submit {
     border-radius:5px;
}
the rule is applied

If I call this rule like this
.mod3 .ac-field-label {
     padding:15px;
     display:block;
     clear:both;
}

the rule is not applied, why?

can you give me some explanation? Thank you for your support :)

I'm on Joomla 1.5.26 - Ajax Contact 1.5.8.7

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

11 years 4 months ago #13172 by douglas
Dear iorbita,

That's most likely because some Ajax Contact's CSS rules use the element ID instead of class.

You can override it by using
.mod3 .ac-field-label {
     padding:15px !important;
     display:block !important;
     clear:both !important;
}

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

11 years 4 months ago #13173 by iorbita
... ok thank you, but also if I put the ID before the module class suffix, like this:

#ajaxcontact .mod3 .ac-field-label {
	padding:15px;
	display:block;
	clear:both;
}
it doesn't work... so I need to put everytime !important ?

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

11 years 4 months ago #13174 by douglas
Dear Iorbita,

You got the order inverted. Please try:
.mod3 #ajaxcontact .ac-field-label{...}

I have not tested, but it should work! ;-)

Best regards,

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

11 years 4 months ago - 11 years 4 months ago #13175 by iorbita
...yep, it works but without the blank space between .mod3 and #ajaxcontact, like this:
.mod3#ajaxcontact .ac-field-label {
	padding:15px;
	display:block;
	clear:both;
}

...why? ...if you look at the rule, is a Class of an ID and not viceversa... :blink:

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

11 years 4 months ago #13177 by douglas
Dear iorbita,

I'll keep this in mind for the next versions and will probably remove most of the # from the css file.

Best regards,

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

11 years 4 months ago #13178 by iorbita
...ok, thank you for you support ;)

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

  1. Forum
  3. Ideal Joomla Extensions
  5. Module: Ajax Contact
  7. Module Class Suffix
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