Comments on: Override Inline Styles http://pippinspages.com/tutorials/css/override-inline-styles/ { Coding everyday keeps the bugs away } Fri, 03 Feb 2012 20:29:40 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Matthttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-2156 Matt Tue, 26 Apr 2011 04:07:12 +0000 http://pippinspages.com/?p=831#comment-2156 Ok cool, I got it. I was calling the wrong selector. Thanks Pippin! Ok cool, I got it. I was calling the wrong selector. Thanks Pippin!

]]> By: Pippin Williamsonhttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-2155 Pippin Williamson Mon, 25 Apr 2011 01:55:53 +0000 http://pippinspages.com/?p=831#comment-2155 You should edit the css file included with the plugin because you will have a hard time over writing inline styles set by jQuery. The inline styles you see are actually put there by the accordion slider after being detected from the main CSS file. So if you change the css file, it should change everything fine. You should edit the css file included with the plugin because you will have a hard time over writing inline styles set by jQuery. The inline styles you see are actually put there by the accordion slider after being detected from the main CSS file. So if you change the css file, it should change everything fine.

]]> By: Matthttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-2154 Matt Sat, 23 Apr 2011 20:08:25 +0000 http://pippinspages.com/?p=831#comment-2154 Oh, well, it stripped my code. Here it is:dt class="active spine spine_1" style="position: absolute; z-index: 3; display: block; left: 0px; width: 247px; height: 41px; -moz-transform: rotate(270deg); -moz-transform-origin: 21px 0px; text-align: right; top: 256px; margin-left: -21px;" Oh, well, it stripped my code. Here it is:

dt class=”active spine spine_1″ style=”position: absolute; z-index: 3; display: block; left: 0px; width: 247px; height: 41px; -moz-transform: rotate(270deg); -moz-transform-origin: 21px 0px; text-align: right; top: 256px; margin-left: -21px;”

]]> By: Matthttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-2153 Matt Sat, 23 Apr 2011 20:06:27 +0000 http://pippinspages.com/?p=831#comment-2153 Hey Pippin,I'm actually trying to do this for your Sugar Slider plugin. Love it btw!For the accordion style, I'm trying to change the width of the tabs (it's actually "height: 41px" in the code below) and it looks like it's set in the style but I can't seem to call it correctly.For Teens1 Hey Pippin,

I’m actually trying to do this for your Sugar Slider plugin. Love it btw!

For the accordion style, I’m trying to change the width of the tabs (it’s actually “height: 41px” in the code below) and it looks like it’s set in the style but I can’t seem to call it correctly.

For Teens1

]]> By: Dion GeBordehttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-1938 Dion GeBorde Fri, 10 Dec 2010 15:26:19 +0000 http://pippinspages.com/?p=831#comment-1938 Cool Pippin, makes sense.And will do regarding testing. I've already worked out what I was working on using !important as I mentioned, but if (when!) that doesn't work, I'll experiment and let you know.Thanks again, and Happy Holidays! Cool Pippin, makes sense.

And will do regarding testing. I’ve already worked out what I was working on using !important as I mentioned, but if (when!) that doesn’t work, I’ll experiment and let you know.

Thanks again, and Happy Holidays!

]]> By: Pippin Williamsonhttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-1937 Pippin Williamson Fri, 10 Dec 2010 15:19:46 +0000 http://pippinspages.com/?p=831#comment-1937 You may or may not have to include the [style] selector. I use it very rarely, and do not know for sure. But my guess is that without the [style] selector, the inline styles will not be overridden, even with the !important. Using the two together kicks the inline styles out, but only one of either, won't.Try it and let me know, I'm curious. You may or may not have to include the [style] selector. I use it very rarely, and do not know for sure. But my guess is that without the [style] selector, the inline styles will not be overridden, even with the !important. Using the two together kicks the inline styles out, but only one of either, won’t.

Try it and let me know, I’m curious.

]]> By: Dion GeBordehttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-1936 Dion GeBorde Fri, 10 Dec 2010 15:14:20 +0000 http://pippinspages.com/?p=831#comment-1936 No, I hadn't. I just now read Natale's post and saw that she included that. I didn't see it in your code above, so hadn't thought about the !important tag.Actually, I've found in working with a Wordpress theme that for some reason keeps calling its own CSS even though my CSS is further down the cascade, that simply using !important by itself works. But I'm only working on a few specific items rather than trying to return the whole body of span tags to an inherited attribute.So, I'm actually confused now. Based on my example above, I could simply put #a .bunch #of .levels {style changes !important} and not have to include the [style] selector at all, right? So when is it better to use [style] alone vs. !important alone ... and when should they be used together?And thanks for the super-fast response! :-) No, I hadn’t. I just now read Natale’s post and saw that she included that. I didn’t see it in your code above, so hadn’t thought about the !important tag.

Actually, I’ve found in working with a WordPress theme that for some reason keeps calling its own CSS even though my CSS is further down the cascade, that simply using !important by itself works. But I’m only working on a few specific items rather than trying to return the whole body of span tags to an inherited attribute.

So, I’m actually confused now. Based on my example above, I could simply put #a .bunch #of .levels {style changes !important} and not have to include the [style] selector at all, right? So when is it better to use [style] alone vs. !important alone … and when should they be used together?

And thanks for the super-fast response! :-)

]]> By: Pippin Williamsonhttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-1935 Pippin Williamson Fri, 10 Dec 2010 14:54:05 +0000 http://pippinspages.com/?p=831#comment-1935 Hmmm, it should work regardless of whether it's a deep style or not. Have you tried adding the !important tag at the end of the style (before the ;)? Hmmm, it should work regardless of whether it’s a deep style or not. Have you tried adding the !important tag at the end of the style (before the ;) ?

]]> By: Dion GeBordehttp://pippinspages.com/tutorials/css/override-inline-styles/comment-page-1/#comment-1934 Dion GeBorde Fri, 10 Dec 2010 14:45:50 +0000 http://pippinspages.com/?p=831#comment-1934 Hey Pippin, really digging all these resources you provide.I tried this on a deep style -- like: #a .bunch #of .levels[style] -- and it didn't work. Is there a different way in which to implement the override in this case or does it not work if there are multiple classes, ids, etc.?Thanks. Hey Pippin, really digging all these resources you provide.

I tried this on a deep style — like: #a .bunch #of .levels[style] — and it didn’t work. Is there a different way in which to implement the override in this case or does it not work if there are multiple classes, ids, etc.?

Thanks.

]]>