Tagged: , , , , ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • August 23, 2017 at 10:55 am #842956
    Bogdan

    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 #843067
    Victoria

    Hey Bogdan,

    Here are some threads to consider:
    https://kriesi.at/support/tags/svg/

    how to use svg-images as a featured image?

    https://kriesi.at/support/topic/svg-files/

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 9, 2018 at 7:59 pm #1019652
    educatedathlete

    Thank 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?
    Thanks

    October 10, 2018 at 11:49 pm #1020089
    Basilis

    Hi,

    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,
    Basilis

    March 24, 2020 at 10:26 pm #1197135
    webdesignphx

    Hi 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, 4 months ago by webdesignphx.
    March 25, 2020 at 6:51 pm #1197802
    Victoria

    Hi 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,
    Victoria

    March 25, 2020 at 7:41 pm #1197826
    webdesignphx

    Hi 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
    Martina

    March 25, 2020 at 8:08 pm #1197845
    Victoria

    Hi 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,
    Victoria

    March 27, 2020 at 2:24 am #1198197
    webdesignphx

    Thank 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
    Martina

    March 27, 2020 at 10:01 pm #1198459
    Jordan Shannon

    Hey Tina,

    I’m not seeing the logo on your site at all.

    Best regards,
    Jordan Shannon

    March 31, 2020 at 5:52 pm #1199380
    webdesignphx

    Thank 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, 3 months ago by webdesignphx.
    April 3, 2020 at 9:07 pm #1200626
    Victoria

    Hi webdesignphx,

    https://share.getcloudapp.com/YEuAxYAW I am not seeing the logo anymore. Did you remove the code given above?

    Best regards,
    Victoria

    April 3, 2020 at 9:19 pm #1200634
    webdesignphx

    Oh thanks for letting me know. no idea how it disappeared now its back. thanks Tina

    April 4, 2020 at 12:11 am #1200690
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    April 4, 2020 at 12:14 am #1200691
    Jordan Shannon

    Hi,

    Nevermind I misinterpreted the response, but I’m still not seeing the logo either.

    Best regards,
    Jordan Shannon

    April 6, 2020 at 8:52 pm #1201369
    webdesignphx

    that 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
    Tina

    April 8, 2020 at 5:37 am #1201765
    Ismael

    Hi,

    Which element are you trying to shrink or adjust? Please provide a screenshot using imgur or dropbox.

    Best regards,
    Ismael

    April 8, 2020 at 11:29 pm #1202047
    webdesignphx

    Hi 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
    Tina

    April 13, 2020 at 10:32 am #1203259
    Ismael

    Hi,

    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

    April 13, 2020 at 9:03 pm #1203348
    webdesignphx

    Hi 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, 3 months ago by webdesignphx.
    April 14, 2020 at 3:41 pm #1203628
    Victoria

    Hi Martina,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Add full SVG support by theme’ is closed to new replies.