the answer for all question about Oxygen Builder plugin and WordPress

Trying to add some media query CSS, hiding background image. The code I used:

Trying to add some media query CSS, hiding background image. The code I used:

media (max-width: 768px) {

.ct-section.no-mobile-background {

background-image: none;

}

}

I then add ‘no-mobile-background’ as a class in the “add class” portion inside the builder. It’s not working though. If I target one specific section, it works great. Not sure what I’m missing? The code for targeting a specific section is:

media (max-width: 768px) {

#section-123-4567 {

background-image: none;

}

}



Source

Blogzine Design Set

Mega Design Set - 500+ Blocks

2 Comments
  1. Jamie says

    Would you not just do display: none for viewport? No code needed 🙂

  2. Dave says

    Could be that the background image is being set through an ID selector, which would apply over your selector.

    You may need to create a class for the element you’re adding to bg image to so your class can then override it.

    The way it was explained to me is

    Element = 1pt
    Class = 10pts
    ID = 100pts
    !important = 1000pts

Leave A Reply

Your email address will not be published.

Oxyrealm Docs OxyMade - Oxygen Builder Design Set Mega collection