Custom CSS in styles.css are not working when adding the classes to my templates

Themes
1

Hey everyone,

My styles that I am declaring in the external style.css folder in assets/css are not working when I am using the classes on my elements however the bootstrap classes work correctly.

Both of the external css files are imported and stored in the same way as well:

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{{asset "css/bootstrap.min.css"}}">

    {{!-- Custom Styles --}}
    <link rel="stylesheet" href="{{asset "css/style.css"}}">
2

Hey @adsy, is the custom style.css overriding theme’s existing styles? In this case, there might be some CSS specificity issue which isn’t enough for overriding the current styles.

If you have a live demo, would love to take a look at it.

3

Thanks for the reply - I managed to get it working, I changed the file extension of style.css to style.min.css which seemed to do the trick? Since the i’ve implemented sass as well for my CSS and its compiling correctly and working so seems all find now.