Use vector graphic as logo? « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Avisio

Use vector graphic as logo?

6 posts from 3 voices

Started 11 months ago by haydu_bogenkurse
Latest reply from Ismael
This topic is not a support question

Tags:

haydu_bogenkurse
Member

I hope this issue hasn't already been adressed elsewhere. :)

I wanted to know if (and how) it's possible to use a vector graphic (svg or similar format) for the logo/header image in Avisio. I've read that WordPress's support for vector graphics is limited, but I've installed a plugin that let's me upload and use them on my site (though I haven't actually tried it yet). I then uploaded an .svg-version of my logo in "Avisio Options", which worked but the logo wasn't displayed on the site. Is there any way to change this so that I can use a vector graphic here?

Posted 11 months ago #
Devin
Moderator
Hi

You'll probably have the easiest time hard coding the css to change the logo. You can add the following to the style.css at the very bottom:
```
.logobg a {
background: transparent url("../images/skin1/logo.png") no-repeat 0 0 !important;
}
```
Replace the url location to where your file is located.

Regards,

Devin
Posted 11 months ago #
haydu_bogenkurse
Member

Hi!

Thanks for the suggestion! Unfortunately, it ends with the same result as uploading the logo through WordPress: instead of the image, there's a frame and the link to the homepage where the logo should be. Any idea what else I could do?

Kind regards

Posted 11 months ago #
Devin
Moderator

Hi haydu_bogenkurse,

I'm really not familiar with putting in SVG images into sites so it may require some additional css/html or something of the sort. A quick google search got me: http://www.w3schools.com/svg/svg_inhtml.asp

So maybe the image needs to be embedded. You could hard code this in the header.php and then change the "logobg a" class background so that no image is specified.

Regards,

Devin

Posted 11 months ago #
haydu_bogenkurse
Member

thanks for your reply! i will try hardcoding it!

Posted 11 months ago #
Ismael
Moderator

Hello,

I agree with Devin, I think the easiest way to do this is to hardcode then upload the image file. :)

Regards,
Ismael

Posted 11 months ago #