How to style glyphicons?

0
In Mendix 8 i could just make a custom class and apply css to it. In Mendix 9 this doesn’t work. It is possible to style the direct class (glyphicon-triangle-bottom) but i use this glyphicon in different places and i only want to style it on one particular place. I also tried this; .glyphicon-triangle-bottom{ .form-arrow-icon {     color:#fff ;     text-align:center ;     cursor: text; } } But no luck.. Any ideas?
asked
2 answers
0

I think you have your selectors the other way around. If you want to style the glyphicon-triangle-bottom conditionally, wrap it in a container, put a class on the surrounding container and then apply styling accordingly. I expect the scss to look like this:

.form-arrow-icon {
    .glyphicon-triangle-bottom {
        color: #fff;
        text-align: center;
        cursor: text;
    }
}

 

answered
0

Did you compile it using calypso?

 

https://docs.mendix.com/howto8/front-end/calypso

 

*********** EDIT ***********

 

You can just put your custom classes in main.scss or write them in a seperate scss file and link it to main.scss

https://docs.mendix.com/howto/front-end/customize-styling-new#styling-editor

answered