So, I'm currently working with a service provided by DRUPAL that has its own predefined style.
I attempted to use CSS with the !important tag to override the existing style, but unfortunately it doesn't seem to be effective. The default style from the service is quite basic, and all I want to do is change the background-color attribute.
.FixBackground{
background-color: rgb(238,238,238) !important;
}
@media all and (max-width: 1920px){
.Container{
max-width: 40vw;
}
}
@media all and (max-width: 1023px){
.Container{
max-width: 80vw;
}
}
@media all and (max-width: 728px){
.Container{
max-width: 90vw;
}
}
@media all and (max-width: 567px){
.Container{
max-width: 90vw;
}
}
This code snippet shows what I've been trying to implement. It successfully changes the background color, however, there are certain parts of the HTML markup provided by the service where this style override is not being applied. It seems that inline styles may be causing the conflict.