Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Inline css code not working


When I apply an inline css code to an svg as stated in the documentation it gets overridden.

for example :


theme()->getSvgIcon("demo1/media/icons/duotune/finance/fin010.svg", "svg-icon-success svg-icon-2 svg-icon-success"),


That gets called but overwritten by the theme itself.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (9)


Hi Kenneth,

It seems there is some issue with the core Metronic SASS. We have noted this issue. We will check and fix it.

Thanks



Hi Kenneth,

It seems the class didn't work in the HTML version as well.

<img src=" alt="image" border="0">

We will check it and provide you a workaround if any.

Thanks



Hi Kenneth,

I don't know what version you are using ,but maybe the page-speed package is the issue for you.

The package comes with an inlineCSS middleware that can sometimes cause issues. I recommend commenting out \RenatoMarinho\LaravelPageSpeed\Middleware\InlineCss::class, in app/http/kernel.php if it exist.



using latest version 8.0.38



Inline css is working. What is not working is that it is not DOMINATING OVER the template rules.



Here is the link to explain what im saying.



Hi,

Do you mean adding a custom class?

Regards



Hey, no I mean I used svg-icon-success and it didn’t work because it was overridden by the default color set with the demo.



I even tried twice and it still doesnt work. I need to add the !important property but then my inline is pointless. or calling the color bootstrap presets.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(