How to customize the close x button in custom theme about amaranjs

[hakanersu]

You can change via css;

.amaran-close:before {
    color:#000;
}

[KrishnaPG]

Thanks for the fast response. But for some unknown reason, it is getting overwritten as shown in the screen capture below:

I was able to customize mytheme etc. fine - but for this one my customization are getting overwritten.

[hakanersu]

Can you provide any example link? or try to add !important

.amaran-close:before {
    color:#000 !important;
}

[KrishnaPG]

Thanks - looks like this !important is retaining my selected color and not overwriting. Just wondering why ":before" was used though. Usually I think thats more like a JS trick to insert elements and not a CSS trick, right?

[hakanersu]

Actually i usally use js to do it but for this situation :before is very useful.You can use custom font type icons like fontawesome's close button,

.amaran-close {
   font:normal normal normal 14px/1 FontAwesome
}
.amaran-close:before {
  content: "\f00d";
}

[KrishnaPG]

Ok - that make sense. Thanks.