SOLVED Error custom css
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
No it's not ok. just because it works on one page doesn't mean it will work on another, and in the specific example of the logo (see screenshot) you will see that the template IS overriding what you have put in your custom CSS, so if you change it like I said that will then fix the logo. Google "CSS Specifity" to learn more about how it works.
The error.php page is a different page structure from the normal index.php - so that means that CSS may get loaded in a different order and work in a different structure.
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.
-
-
-
- tonnick
- Hero Rocketeer
- Posts: 393
- Thanks: 3
-
yes this is what I pointed ! the whole web is using index.php, so custom css is working fine on the entire web !
except for error page because you used different structure. the custom CSS is not loaded anymore before the template, making that CSS is not overwriting anymore ! Error page is the exception, not the whole web !
the idea of overwriting the CSS is taking same CSS property and overwrite it. For exemple, the logo is defined by CSS #rt-logo #logo-inner in main-light.css in my case. So I should use same CSS property in css custom to overwrite it !
You suggest to use a different CSS value than your template to trick it. this is not overwriting anymore ! and what about all the other properties ?!
You will suggest to tranform .bgstyle-squares-light into body.bgstyle-squares-light ?! this is none sense.
so, if error page is not written like the index.php, could you please provide the way as well to apply some custom CSS with same properties than your template !
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
Your Custom CSS IS being loaded ok. So, all you need to do is increase the CSS specifity on your statement such that they override the template values. Look using firebug, if your custom CSS has a line drawn through it then the template is overriding your custom CSS, so you need to increase your CSS specifity on that selector. Often, you can simply do that by just adding in the HTML tag it's used upon at the front (see how I added "A" to your statement). Google "CSS Specifity" to learn more about this.
Also, you are wrong about using exactly the same statement to override it. if two statements have the same selector then it is CSS load order that will take precedence (last one in), this is not reliable for the very reason you are citing now. That's why you should always make your statements have more CSS specifity that statements you see using Firebug.
I'm sorry that you think my suggestion is nonsense. I can only give you the benefit of my experience and a solution that does work if you care to try it.
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: 13482
- Web Designer/Developer
-
There's no need to re-write anything - just add a little more CSS specifity to the statements you already have that are not effecting an override of the template values.
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: 13482
- Web Designer/Developer
-
It is - believe me, you just need to learn more about CSS specifity. In essence just think of it in terms of "weight" the "heavier" you make you statements the more they would override "lighter" statements. It's way more complicated than that in reality of course, but the analogy works for the most part.
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.
-
-
-
- tonnick
- Hero Rocketeer
- Posts: 393
- Thanks: 3
-
yes ok, I'll make heavier the css values. for the moment, I just overwrite the css needed for error page.
I will know now that css custom is not only overwriting using same css value, but playing as well with css specificity.
-
Time to create page: 0.055 seconds