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

class related to size missing


Hi there,

I am using metronic under Wordpress and understrap theme (underscore + bootstrap).
To implement metronic into Wordpress theme, I used the html source files and scss files under src folder instead of style.bundle.css

When adding some module or page of the template, everything is working fine except the classes related to size like fs-3x, w-50px, ...

What am I missing ?

Thanks in advance for your help


Text formatting options
Submit

Replies (5)


Hi there, Thanks for your answer.

The wordpress theme I am using is using webpack and compiling all the scss and js files.
I included all the required files from metronic but only those css classes look missing from the compiled css.
The rest is working fine



Hi,

Can u pls make sure that you are including in your build ?

src/sass/components/_utilities.scss
src/sass/components/_variables.scss
src/sass/components/_variables.override.scss
src/sass/components/_variables.custom.scss

Regards.



Hi there,

Sorry for my late answer.

I managed to make most of the class working now.

The class like fs-3x are still not working.
Can you tell me which file is generating this type of class so I can have a closer look ?

Regards



Hi,

Those custom font size classes are configured in src/sass/components/_utilities.scss and
src/sass/components/_variables.scss
. Please double-check if these files are being imported.

Regards.



Hi,

Please note that Metronic's scss/js from the src can be only compiled by its' own webpack or gulp builders. WP assets builder can not compile it. In your case, it's better to use the compiled CSS assets in your WordPress template.

Regards.


Text formatting options
Submit
Text formatting options
Submit