-
AuthorPosts
-
August 23, 2017 at 10:55 am #842956
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.
August 23, 2017 at 3:26 pm #843067Hey 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,
VictoriaOctober 9, 2018 at 7:59 pm #1019652Thank 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?
ThanksOctober 10, 2018 at 11:49 pm #1020089Hi,
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,
BasilisMarch 24, 2020 at 10:26 pm #1197135Hi 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
Martina- This reply was modified 4 years, 7 months ago by webdesignphx.
March 25, 2020 at 6:51 pm #1197802Hi 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,
VictoriaMarch 25, 2020 at 7:41 pm #1197826Hi 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
MartinaMarch 25, 2020 at 8:08 pm #1197845Hi 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,
VictoriaMarch 27, 2020 at 2:24 am #1198197Thank 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
MartinaMarch 27, 2020 at 10:01 pm #1198459Hey Tina,
I’m not seeing the logo on your site at all.
Best regards,
Jordan ShannonMarch 31, 2020 at 5:52 pm #1199380Thank 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.
- This reply was modified 4 years, 7 months ago by webdesignphx.
April 3, 2020 at 9:07 pm #1200626Hi webdesignphx,
https://share.getcloudapp.com/YEuAxYAW I am not seeing the logo anymore. Did you remove the code given above?
Best regards,
VictoriaApril 3, 2020 at 9:19 pm #1200634Oh thanks for letting me know. no idea how it disappeared now its back. thanks Tina
April 4, 2020 at 12:11 am #1200690Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan ShannonApril 4, 2020 at 12:14 am #1200691Hi,
Nevermind I misinterpreted the response, but I’m still not seeing the logo either.
Best regards,
Jordan ShannonApril 6, 2020 at 8:52 pm #1201369that 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
TinaApril 8, 2020 at 5:37 am #1201765Hi,
Which element are you trying to shrink or adjust? Please provide a screenshot using imgur or dropbox.
Best regards,
IsmaelApril 8, 2020 at 11:29 pm #1202047Hi 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
TinaApril 13, 2020 at 10:32 am #1203259Hi,
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,
IsmaelApril 13, 2020 at 9:03 pm #1203348Hi Ismael
thank you so much that is exactly what I was looking for. :-) you are the best!
Thanks to Victoria too. I am so happy I found Enfold.
Cheers
Martina- This reply was modified 4 years, 6 months ago by webdesignphx.
April 14, 2020 at 3:41 pm #1203628Hi Martina,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- The topic ‘Add full SVG support by theme’ is closed to new replies.