Home Forums WoodMart – Premium Template SVG in footer color

Tagged: 

This topic contains 17 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #270188

    Hello i am trying to use svg icons in the footer section through html blocks.
    However the color fill is not being inherited according to the selection.

    Private Content Hidden
    #270235

    Hello,

    Please provide your site admin access to the private area. Your site is under construction I cannot view it.

    Best Regards

    #270244

    Logs provided

    Private Content Hidden
    #270353

    Hello,

    SVG images do not inherit any color styles by default. You will have to change SVG file and add the necessary color in the coder of the image.

    Our theme does not influence the SVG view on the frontend.

    If you have any questions please feel free to contact us.

    Best Regards

    #270354

    Hello again,

    The svg used has colors provided, however it isn’t been displayed accordingly in the frontend. Please check again the svg.

    Private Content Hidden
    #270357

    Check for instance the stripe logo. Its blue and it turns out green.
    Also when svg animations is on vivus.js fires an uncaught error in debug console.

    #270369

    What i just noticed is that the use of information box is causing the conflict. Please check that when svg is coming through the image wp bakery element it is diplayed on the color we provided.

    #270401

    Hello,

    The problem is caused by SVG itself: some of your SVG images have styles that are applied to the whole page. As a result, the styles of one SVG icon influence the other. In order to solve this, you need to insert inline styles without classes.

    You can open your SVG image in any text editor and manually change styles to inline like is shown on this screenshot https://prnt.sc/loz0mw.

    If you create SVG in Adobe Illustrator we would suggest exporting SVG with appropriate CSS properties in the first place. During export from Illustrator choose style attributes. You can read more about resolving this issue in Illustrator here https://cobwwweb.com/inline-style-attributes-svg-elements.

    Below I add an example file of the correct use of SVG styles.

    Best Regards

    Attachments:
    You must be logged in to view attached files.
    #270410

    Thanks for the quick response.However I managed to resolve the issue with the use of svg from scratch since i realized the problem u are mentioning.
    I will keep the svg example you provided for further use.
    Did you had the chance to take a look on the error which is fired from the vivus.js which animates the vectors?

    #270444

    Hello,

    Please provide the page URL and step-by-step description on how I can reproduce or see this error.

    Please check if this error appears on the parent theme and when all the plugins not related to the theme are deactivated.

    Best Regards

    #270632

    Another question is how i can use the infobox links with mailto: and tel: links.

    #270691

    Hello,

    Infoboxes are not designed for that. You can insert the full URL.

    You will have to implement that by means of a Raw HTML element.

    Best Regards

    #270711

    One final question regarding the footer. I would like to ask if it is possible to use a collapsible menu list one mobile view through the widgetised sidebar. I have tried that and it doesn’t work. Thanks

    #270728

    Hello,

    The collapsed footer is available only for Footer column widgets. You need to Set the appropriate layout in the Theme Settings > Footer and move all the content into the widgets area accordingly.

    Best Regards

    #280769

    Hello again,

    We are coming up again regarding the svg issue.
    We launched the website yesterday and used litespeed for caching purposes.
    However all our footer svgs which were correctly colored upon clients brand kit have being reverted to the stripes colours.

    #280972

    Hello,

    Please check how they are displayed without the plugin, I am afraid our theme does not influence that.

    Best Regards

    #281886

    Yes it’s the litespeed cache plugin that causes the issue. How are we going to tackle that, can you provide some help? It is crucial to use caching on ecommerce sites, we cannot avoid it unfortunately.

    #282091

    Hello,

    Unfortunately, we do not have instructions. Please try to contact plugin support.

    Best Regards

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.