Previous Message
Next Message

Style Object tag svg

Sent by Crest Christopher on 15 July 2016 01:01


> Crest Christopher [EMAIL-REMOVED]>
> Thursday, July 14, 2016 10:23 AM
> Following the jQuery method, I assume I can keep the <object id> tag ?
>
> The SVG loads via the <object id> tag, then though the help of the
> script, I stylize the classes within the SVG as such
>
> |#word.pavement .ab {
>  fill:red;
>  rotate(12deg);
> }
> |
> The class .ab is within the SVG file ?
>
>
> Rick Gordon [EMAIL-REMOVED]>
> Thursday, July 14, 2016 12:20 AM
> The link that I posted earlier,
> http://stackoverflow.com/questions/18434094/how-to-style-svg-with-external-css,
> suggests inlining the SVG. Is that a possibility?
>
> Here's a direct link to what was pointed to:
>
> https://snippetlib.com/jquery/replace_all_svg_images_with_inline_svg
>
> Rick Gordon
>
> ---------------------
>
>
> ___________________________________________
> RICK GORDON
> EMERALD VALLEY GRAPHICS AND CONSULTING
> ___________________________________________
> WWW: http://www.shelterpub.com
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> Crest Christopher [EMAIL-REMOVED]>
> Wednesday, July 13, 2016 11:01 PM
> Here is an example pen <http://codepen.io/Sheep/pen/QEaLrV>; the SVG
> is being loaded externally, absolute path in this case.  There are
> classes for each path within the SVG, I want to stylize the classes
> individually within the SVG, not just fill the classes with a path. 
>
> Many of you have posted some good links, even if I've read them, none
> appear from my understanding to stylize classes from outside the SVG;
> I hopefully want to keep SVG separate from CSS, not intermix the two
> together within the SVG file.
>
>
> Tom Livingston [EMAIL-REMOVED]>
> Wednesday, July 13, 2016 4:55 PM
> Updated again. Sorry. My mistake. Just the class is working.
> (I had left the style embedded inside the svg, so using "circle.st0" was
> just more specific.)
>
> Tom Livingston [EMAIL-REMOVED]>
> Wednesday, July 13, 2016 4:50 PM
> Updated to style the circles as well. Have to specify "circle.st0" for
> this
> to work in chrome. Just the class didn't seem to work.
>
>
>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: