-
Posts
-
Last WordPress supports SVG normally. To upload svg into the media library I add the next code to functions.php:
function cc_mime_types($mimes) { $mimes['svg'] = 'image/svg+xml'; return $mimes; } add_filter('upload_mimes', 'cc_mime_types');…but Enfold’s visual editor doesn’t support this type of images. Please add SVG support by theme side.
Hey Bogdan,
Here are some threads to consider:
https://kriesi.at/support/tags/svg/https://kriesi.at/support/topic/svg-files/
If you need further assistance please let us know.
Best regards,
VictoriaThank you Victoria.
I can try to manipulate the functions.php file but this makes me a little nervous, the last time I added code to the functions.php file it somehow dropped my entire site and I had to restore from a backup. Do you recommend a safe way to do this? Is it better to do this from cPaneIs file manager rather than wordpress?
ThanksHi,
Cpanel will say if you have an error and it will not save it! ;-)
That will be helpful for you to get things done with no errors.Best regards,
BasilisHi Victoria,
could you please have a look at this page for me. https://www.webdesign-phoenix.com/logo-design/ I changed the first few logos to be svg, but in the lightbox (basically when you click on them) they are not showing up. Also I tried to change the webdesign-pheonix logo in the top left corner and it would only show white after. So I undid it. Any ideas on that?
Thanks for your help
MartinaHi Martina,
The svg logo needs dimensions to be shown. Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
img.mfp-img { min-width: 350px; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria thank you that worked very well for the logos on the logo page what do I have to do to get the logo on all pages on the top left corner (home logo) to work?
Thanks
MartinaHi Martina,
Oh… sorry, missed that one.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.responsive .logo img { min-width: 200px; }If you need further assistance please let us know.
Best regards,
VictoriaThank you Victoria, that works amazing. One last question. when I don’t want the padding to be the same in the large logo as the scrolled version (on the home top logo) what do I do? If I keep the same padding for example 20px the image in the scrolled version gets tiny.
Cheers
MartinaThank you Jordan, it is the main company logo (on the top left corner for web design phoenix) https://www.webdesign-phoenix.com I was referring too. It was set to shrinking but I have a padding of 20 px around the non-shrinking logo and when in shrinks the 20px stay the same and make the logo tiny. Until this is fixed I made the logo non-shirinking so it does not look strange. But I don’t know the code to make the padding smaller when it shrinks. 20px would be too much. Thanks for your help.
Hi webdesignphx,
https://share.getcloudapp.com/YEuAxYAW I am not seeing the logo anymore. Did you remove the code given above?
Best regards,
VictoriaHi,
Nevermind I misinterpreted the response, but I’m still not seeing the logo either.
Best regards,
Jordan Shannonthat is so strange. the plugin needed an update. now its hopefully back for good. I still don’t know the code to shrink it so the borders get smaller too.
thanks
TinaHi,
Which element are you trying to shrink or adjust? Please provide a screenshot using imgur or dropbox.
Best regards,
IsmaelHi Ismael thanks so much for helping here is the image. https://share.getcloudapp.com/yAu2GBxm
Here is a link to 4 screenshots stacked on top of each other. this is what happens when I have the shrinking header.
it basically gets so small and then disappears. I think its because of padding.Also, I tried to upload a regular SVG onto a page. Here is the link https://www.webdesign-phoenix.com/text/ and it does not show as a SVG but in the backend, I can see it. https://share.getcloudapp.com/kpuL9e6w
Thanks
TinaHi,
Thank you for the screenshots.
The logo shrinks because of the padding around it or this css code.
.responsive .logo img { min-width: 200px; padding: 20px 0; }Try to add this css code below the previous one to decrease the padding when the header is scrolled.
.responsive .header-scrolled .logo img { padding: 5px 0; }Best regards,
Ismael
- The topic ‘Add full SVG support by theme’ is closed to new replies.