SOLVED customized class "success" from compiled css doesn't work
-
-
- nastev
- Newbie
- Posts: 9
- Thanks: 0
-
Hi,
I have create a "custom css".
99% of my customizations are OK.
But 1 of them doesn't work and I need to understand the problem.
I use your documentation examples.
www.rockettheme.com/docs/joomla/template...ml---management-team
In this example we find "<p class="success hidden-tablet">"
I try a first time to write by myself my customization. ==> KO
Then I try by pasting the specific lines from the compiled css ==> KO
Then I need help.
I copy those lines from the compiled css to my custom css :
Then I modified color code... I cleaned gantry cache and FF cache.... But nothing change.div.success, p.success { color: #f0f598; padding: 15px; border-radius: 4px; background-color: #f3930b; background-image: -moz-linear-gradient(top,#f3930b,#f3930b); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3930b),to(#f3930b)); background-image: -webkit-linear-gradient(top,#f3930b,#f3930b); background-image: -o-linear-gradient(top,#f3930b,#f3930b); }
Last time, I try to create y own class "success2"....same results...
Could you help to understand ?
Thanks.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Could you please post a URL to your site (this can be done in the secure area tab if you prefer) so we can look for you. Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
1. your custom CSS file contains a syntax error (see screenshot). Tip: whenever your custom CSS doesn't work compare the CSS that Firebug actually sees compared to the source file - if they don't match then the chances are that you have a syntax error (look a the last line that firebug sees in the file and that will most probably tellin you the approximate place in the CSS file where the syntax error is).
2. Why are you repeating those CSS atributes so many times? See second screenshot?
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- nastev
- Newbie
- Posts: 9
- Thanks: 0
-
OK.
Thanks you.
I didn't analyze other classes
I add the missing symbol.
And now everything is OK thank you.
About repeted attributes, It was examples to find my error. I pasted compiled css 3 times and tried different class names #success, .success2, etc.
Now that it works I can delete all thoses lines.
Thanks !
-
Time to create page: 0.121 seconds