One of the challenges I've encountered with my Wordpress theme (Enfold) is that it automatically generates a CSS file. Within this file, there is a rule that dictates:
.responsive .container {
max-width: 100%;
}
If I remove this particular line from the generated CSS, I get the desired outcome; however, any style changes made in the Wordpress Admin area will cause it to revert back.
The typical method to override this issue would be by adding a rule to the 'custom.css' file. Despite attempting to implement this solution, the following code had no effect:
.responsive .container {
max-width: none;
}
Interestingly, when inspecting elements through the developer tools panel in Chrome, simply adding nonsensical values like max-width: xxxxx successfully cancels out the theme's rule. Strangely, inserting these same nonsensical values into the 'custom.css' file yielded no results.
Is there a way to counteract a CSS rule using another rule that remains undefined?
In pseudo-CSS terms, perhaps what I am looking for is something along the lines of max-width: 'ignore everything'