URLs to svg’s in CSS break, but not other image types

  • Resolved ThemeBro

    (@themebro)


    8 years, 5 months ago

    Hey, awesome plugin, thank you so much!

    I have encountered a problem. When CSS minification is enabled, svg URLs break on my site. The rest of image types (png) I use for backgrounds in my CSS work just fine.

    URL before minification:
    ../img/soc-fb-icon.svg

    URL after minification:
    //www.designforfounders.com/wp-content/themes/design-for-founders/bootstrap/dist/css/../img/soc-fb-icon.svg

    My website:
    designforfounders.com (Inspect in the header, just by the logo)

    Any ideas?

Viewing 1 replies (of 1 total)
  • Plugin Author Frank Goossens

    (@futtta)

    the problem is just your above-the-fold css is forcing background-image to none ??

    find this block;

    menu-social-icons li a,.social-icons li a {
	text-indent:99999999px;
	display:inline-block;
	height:25px;
	width:25px;
	text-indent:99999999px;
	display:inline-block;
	height:25px;
	width:25px;
	background-position:0 0 !important;
	background-repeat:no-repeat;
	background-size:25px 25px !important;
	text-indent:99999999px;
	display:inline-block;
	height:25px;
	width:25px;
	background-position:0 0 !important;
	background-repeat:no-repeat;
	background-size:25px 25px !important;
	background:25px 25px no-repeat !important
}

    and change the last line into;
    background:25px 25px no-repeat

    or remove that line and your svg’s will display properly.

    frank

Viewing 1 replies (of 1 total)
  • The topic ‘URLs to svg’s in CSS break, but not other image types’ is closed to new replies.