Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #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.

    #843067

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

    #1019652

    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

    #1020089

    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

    #1197135

    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, 7 months ago by webdesignphx.
    #1197802

    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

    #1197826

    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

    #1197845

    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

    #1198197

    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

    #1198459

    Hey Tina,

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

    Best regards,
    Jordan Shannon

    #1199380

    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, 7 months ago by webdesignphx.
    #1200626

    Hi webdesignphx,

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

    Best regards,
    Victoria

    #1200634

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

    #1200690

    Hi,

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

    Best regards,
    Jordan Shannon

    #1200691

    Hi,

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

    Best regards,
    Jordan Shannon

    #1201369

    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

    #1201765

    Hi,

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

    Best regards,
    Ismael

    #1202047

    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

    #1203259

    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

    #1203348

    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, 6 months ago by webdesignphx.
    #1203628

    Hi Martina,

    Glad we could help :)

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

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