Apply the color

  • Resolved roksvempire

    (@roksvempire)


    8 years, 2 months ago

    Hi!

    I have a little problem to change the color on a svg file. So I use DIVI, I uploaded a svg file but when I add on css for example fill: red; it doesn’t change. What is it the correct code?

    Thank you so much

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hi @roksvempire,

    Thanks for your interest in my plugin ??

    It really depends on your SVG.
    You will need to make sure that you are “inlining” your SVG by adding the class style-svg to your IMG tag like so:
    <img src="your-svg.svg" class="style-svg" />

    Then you will see the actual SVG code rendered in the page. Then you could target the whole thing or elements within the SVG.

    A quick search for “style svg with css” will yield some good results for you to learn more how to do that.

    • This reply was modified 8 years, 2 months ago by Benbodhi.
    Thread Starter roksvempire

    (@roksvempire)

    Hi, thank you for reply, sorry I’m very beginner about this.
    So go here for example… I’d like to color the logo white, I put weight: 40% and this works…

    Plugin Author Benbodhi

    (@benbodhi)

    Hey, that logo is a png not SVG…

    Please follow my instructions earlier.
    You need to upload an SVG, use the class style-svg to render it inline, then you can target it with css.

    If you have trouble understanding this, please just make the logo the colour you want before uploading to your website.

    Thread Starter roksvempire

    (@roksvempire)

    Yes sorry I changed it in png temporarily ?? Thank you I will try soon

    Plugin Author Benbodhi

    (@benbodhi)

    I’d be happy to help once you have the SVG rendered inline.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Apply the color’ is closed to new replies.