Column Block CSS Media Query preventing custom CSS from being applied.

  • JS

    (@jsylvia90)


    6 years, 3 months ago

    I’ve posted in the Gutenberg project and on Git Hub, but am posting here as well for good measure.

    ****

    Column block css files located here:

    /wp-includes/css/dist/block-library

    style.css

    @media (min-width: 600px) {
    .wp-block-column:nth-child(odd) {
    margin-right: 32px; }
    .wp-block-column:nth-child(even) {
    margin-left: 32px; }
    .wp-block-column:not(:first-child) {
    margin-left: 32px; }
    .wp-block-column:not(:last-child) {
    margin-right: 32px; } }
    }

    style.min.css

    @media (min-width:600px){.wp-block-column:nth-child(odd){margin-right:32px}.wp-block-column:nth-child(even){margin-left:32px}.wp-block-column:not(:first-child){margin-left:32px}.wp-block-column:not(:last-child){margin-right:32px}}

    Is there any chance you could remove the media query – @media (min-width:600px)? It is preventing me from over riding the margins with the custom css feature and I have to go directly into the files. And of course when the WordPress updates it wipes our my edits. If you need to target something for less than 600px you could write css specific to that.

  • The topic ‘Column Block CSS Media Query preventing custom CSS from being applied.’ is closed to new replies.