Hi,

I have installed CSS injector, but i have this problem
1. I have a sub page where i want to have width of div which must be wider than other pages
2. I have created rule I have pasted my css in css injector
#col1 {
float: left;
margin-left: 0.5%;
padding: 7px;
width: 75% !important;
}
3. After that i have checked "Add on only the listed pages" option
4. I have added page where i want to set this rule.

But nothing have happened. I have checked with fire bug inspector and all was the same my #col1 haven't been changed.
maybe my new #col1 didn't override my old #col1 but i don't know why

Could you help me because all day i have tried to find my mistake if you need more information write me.

Comments

rfay’s picture

rfay
he,him
Primary language English
Location Palisade, CO, USA
commented
Category: bug » support

Most likely you have CSS aggregation on or something. Try to do simple things first, and work up to your actual use case. The simplest starting thing is just to add a CSS rule to all pages and see if it gets loaded with the page load.

Please do turn off CSS aggregation for testing.

kenzol’s picture

kenzol commented

I have tried to apply to every page without first but it didn't appear there.
I have checked my css in W3C and it showed that css is valid
Div in which i want to change width i use iframe

rfay’s picture

rfay
he,him
Primary language English
Location Palisade, CO, USA
commented

The first step is just to see in your page if the css is being included. It doesn't matter whether it's valid. Is it included. Use view-source or firebug to see if it gets referenced, included or loaded.

kenzol’s picture

kenzol commented

I have tried to set css to applicable for all web pages but when i have tried to inspect with firebug it hadn't been included thats the problem

rfay’s picture

rfay
he,him
Primary language English
Location Palisade, CO, USA
commented

Does the HTML include it? (Do you find it in the list of CSS files in the header of the html)
If so, does it fail to load (404)?

You haven't yet confirmed that you turned off css aggregation in admin/settings/performance.

kenzol’s picture

kenzol commented

Hi,
I have checked in admin/settings/performance Optimize CSS files: is Disable maybe you had this in mind when you wrote turned off css aggregation.

What do you mean"Does the HTML include it?"
In CSS Injector in field CSS code: I have pasted my css code.

rfay’s picture

rfay
he,him
Primary language English
Location Palisade, CO, USA
commented

This all has nothing to do with your css code. It has to do with whether the HTML generated by drupal calls for that css to be included. You'll find that in the HTML HEAD.

You should see something like this:

<style type="text/css" media="all">@import url("http://d7git.l/sites/default/files/css_injector/css_injector_1.css?lvet60");</style>

So if that's not there, then css_injector is failing.

If it *is* there, then you have to see if it's getting pulled by the browser (or failing) You can look on the net panel in firefox for that.

If your css code is bad, the styling will fail to be applied, but from what you've said, the problem is getting the css pulled in in the first place.

kenzol’s picture

kenzol commented

I have found this

css code in was "

.print-icon{border: 1px solid red important;}

"
I don't wether this

can be a problem?
here is my web site address: http://tonichef.com

I have tried with Firefox 8.0, Safari 5.1.1, IE 9

rfay’s picture

rfay
he,him
Primary language English
Location Palisade, CO, USA
commented
Status: Active » Fixed

css_injector rule 6 is being loaded just fine on your site, http://tonichef.com/sites/default/files/css_injector_6.css?Z

You have HTML in your css rule. Did you somehow use a wysiwyg editor on this field or something? I don't even know how you would do that:

<p>
	.print-icon{border: 1px solid red important;}</p>

css_injector does not do anything to validate the css you provide.

kenzol’s picture

kenzol commented

Yes it has a wysiwyg editor but i have tried to disable this editor but did not happen

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.