Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

id="kt_app_sidebar" and Theme


Hello, I would like the id="kt_app_sidebar" to be automatically closed when the page is loaded, but I can't find what to modify... Thank you for your help. I'm using the HTML version. Also, I would like to assign my own colors to the "SYSTEM" system theme, which CSS file should I modify? (Or already modify the white of the LIGHT theme which is too white.... happy ) Thank you for your help.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi happy,

You should handle it on the server side by following the below instruction:

1) Check the cookie variable sidebar_minimize_state created by sidebar.js on sidebar minimize mode toggle by setting on string value.

2) Add data-kt-app-sidebar-minimize=" on" HTML attribute to the body tag during the page rendering.

3) Add active class to kt_app_sidebar_toggle toggle button.

4) Set data-kt-toggle-state="active" HTML attribute to kt_app_sidebar_toggle toggle button.

Regards.



very thx !!!

Could it be possible to change the colors of the "light" theme? Whites overlap and make it difficult to read text fields ?



Hi,

Great!

You can change the sass variables in src/sass/components/_variables.custom.scss and sass/layout/_variables.custom.scss.

Then recompile your assets folder with Gulp or Webpack.

Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.

If you need any further clarification please let us know.

Regards.


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.

Hi,

Sure, we will guide you. Could you please let us know which template and demo, build method(gulp, webpack) are you using ?

Regards.



hello,
i use metronic_v8.1.7->html->demo1 happy


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(