This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Remove background images on mobiles

Resolved 5 replies pluginplugin-page-buildertechnical
James Clohessy
9 years ago · Last reply by James Clohessy 9 years ago

Hi Guys,

Thanks for the plugin, works great. Only thing was I wanted to replace the images on mobiles with a plain background, as my sections are quite long and the images get over stretched. Website is: http://idiscover360.com/

I’ve been trying something like this but no luck.

@media (max-width: 680px) {
#pl-519 .panel-grid {
background-image: none;
}
}

Any help would be appreciated.

Thanks!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Alex S Staff 9 years, 10 months ago

    Hi James,

    You’re actually pretty close. The backgrounds are applied to a child of panel grid called panel-row-style. So the following CSS should work:

    @media (max-width: 680px) {
    #pl-519 > .panel-grid > .panel-row-style  {
        background: none !important;
    }
}

    You might also need to install the SiteOrigin CSS Editor.

  2. Alex S Staff 9 years, 10 months ago

    Hi James,

    It should also be noted that you should consider add a color to that selector also as without the background image it’s white (text) on white (background).

  3. Dewi Jones 9 years, 7 months ago

    Hello,

    I am looking to do the exact same thing on my theme however i cannot determine what #pl-519 corresponds to? would you be able to point me in the right direction?

    Web page is zombiefluff.com should you need it

  4. Dewi Jones 9 years, 7 months ago

    Nevermind sorted thank you! :)

  5. James Clohessy 9 years, 2 months ago

    Thanks that worked, and sorry for the late reply!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread