Crest, I was successful at styling your svg (that isn't loading btw). Firstly, Your using display inline on everything. When you use display:inline, width and height do not get computed correctly. so your object is collapsing to 0px. change to inline-block
Secondly, you have visibility: hidden on the container element. You wont see any styling if this is set. I am not going to share my code since you said you wanted to do this yourself, but I can tell you for certain your svg object can be styled. GL! Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Jul 10, 2016, at 1:35 PM, Chris Williams <ch...@clwill.com> wrote: > > It's not clear to me exactly what the question is. > > Can you style SVG inside divs on a page? Yes, I've done it frequently. > > How? Simple, and like every other CSS case: use a debugger (Chrome, FF, IE) > and look at the object structure, figure out the hierarchy you want/need and > go for it. > > Do I have to use jQuery? No. If you want to get fancy, you might have to use > JavaScript, but that doesn't mean you have to use jQuery (and all it's > weight). The JS isn't that complex. > > > > > On 7/10/16, 8:06 AM, "css-d-boun...@lists.css-discuss.org on behalf of Crest > Christopher" <css-d-boun...@lists.css-discuss.org on behalf of > crestchristop...@gmail.com> wrote: > >> Any more suggestions, it's pretty common question but I want to do it, >> hopefully, with strictly CSS; every site I find related to the subject >> either explains a jQuery solution or it's clear, or not clear at all on >> a solution, as I'll be using this, if I can find, solution quite often. >> >>> Karl DeSaulniers <mailto:k...@designdrumm.com> >>> Sunday, July 10, 2016 10:55 AM >>> I think a link to a live example would be best here. >>> >>> Best, >>> >>> Karl DeSaulniers >>> Design Drumm >>> http://designdrumm.com >>> >>> >>> >>> >>> >>> ______________________________________________________________________ >>> css-discuss [css-d@lists.css-discuss.org] >>> 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/ >>> Karl DeSaulniers <mailto:k...@designdrumm.com> >>> Sunday, July 10, 2016 12:26 AM >>> Hi Crest, >>> Will this work? >>> >>> div#svgid object { >>> border: 1px solid #cfcfcf; >>> } >>> >>> Best, >>> >>> Karl DeSaulniers >>> Design Drumm >>> http://designdrumm.com >>> >>> >>> >>> >>> >>> ______________________________________________________________________ >>> css-discuss [css-d@lists.css-discuss.org] >>> 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 <mailto:crestchristop...@gmail.com> >>> Saturday, July 09, 2016 11:24 PM >>> I've been searching on how I can style SVG files embedded in a >>> <object> tag, including CSS animation. >>> >>> Can someone point me in the direction, how I can stylize a SVG object >>> contained in a <object> tag though CSS; otherwise it appears jQuery is >>> the only direction. >> >> ______________________________________________________________________ >> css-discuss [css-d@lists.css-discuss.org] >> 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/ > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > 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/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
