Home>Support>SVG as logo setting height and width with css

SVG as logo setting height and width with css

On my dev site https://wp-bullet.com I’m having issues setting the height of my logo with css (I hoped to find it in this thread but it wasn’t shared). I did try this but it didn’t work.

The logo is https://wp-bullet.com/wp-content/uploads/2016/01/wp-bullet-svg-test.svg

I have tried

.a.logo {
  height: 71px;
  width: 300px;
}

and this

a.logo .logo-height-constrain {
  height: 71px;
  width: 300px;
}

I’d also like to set a png fallback as mentioned here, any idea how to do that?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 8 months ago blindpet

    Funnily enough I fixed this immediately afterwards, the correct css for choosing svg size in vantage theme is this

    .logo .logo-height-constrain {
      height: 71px;
      width: 300px;
    }

    I’d still like to know how to do the png fallback :)

  2. 8 years, 8 months ago SiteOrigin
    Hi, I Work Here

    Awesome :) Glad to hear you’ve made progress. By default WP doesn’t have SVG support. I’d imagine a PNG fallback would take a child theme and custom development. It’s a bit beyond our normal support offering on the forums.

    Here is a starting point if this is something you want to look into:

    https://wordpress.org/support/topic/how-to-use-svg-logo-with-png-fallback

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More