[css-d] Using svg that is not base64 encoded for li bullet

2021-05-13 Thread Equestrian Co.
Dear Larry, We would like to inform you that we are currently experiencing an increased number of enquiries. We apologise for the delay and we would like to confirm that we're treating your email as our number one priority. Sincerely, Equestrian Co.

Re: [css-d] Using svg that is not base64 encoded for li bullet

2021-05-12 Thread Larry Martell
On Tue, May 11, 2021 at 5:59 PM Larry Martell wrote: > > On Tue, May 11, 2021 at 5:41 PM Philippe Wittenbergh wrote: > > > > > > > > > On May 12, 2021, at 9:21, Larry Martell wrote: > > > > > > .observations li::before { > > > background-image:url("data:image/svg+xml;utf8, > > xmlns='htt

Re: [css-d] Using svg that is not base64 encoded for li bullet

2021-05-12 Thread Karl DeSaulniers
Just a side note, if using jQuery you can change this dynamically. jQuery(".observations li .green_circle").css("background-color", "#000"); Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On May 12, 2021, at 2:05 AM, Karl DeSaulniers wrote: > > If a

Re: [css-d] Using svg that is not base64 encoded for li bullet

2021-05-12 Thread Karl DeSaulniers
If a green circle is all you want, there is no need for an image. Green Bullet List .observations { list-style-type: none; padding: 0;

Re: [css-d] Using svg that is not base64 encoded for li bullet

2021-05-11 Thread Larry Martell
On Tue, May 11, 2021 at 5:41 PM Philippe Wittenbergh wrote: > > > > > On May 12, 2021, at 9:21, Larry Martell wrote: > > > > .observations li::before { > > background-image:url("data:image/svg+xml;utf8, > xmlns='http://www.w3.org/2000/svg' stroke='null' fill='#1aaf54' > d='m0.20231,4.976

[css-d] Using svg that is not base64 encoded for li bullet

2021-05-11 Thread Larry Martell
I have this code and it works, displaying a green circle instead of the defaut li bullet: .observations li::before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlP