Archived topic

Select background image with CSS

3 replies · Started by Stewart on November 26, 2020

Viewing posts 1–4 of 4

November 26, 2020 at 3:12 pm #1550763

I added a background image to my all pages on a client's site through the Customize link. It works fine but I'd like to turn it off when the site is viewed on a mobile phone. There doesn't seem to be a CSS selector available.

You can see the site here: http://www.amarackfinancial.com

Thanks!

November 26, 2020 at 3:16 pm #1550777

Hi there,

Try this CSS:

@media (max-width: 768px) {
    body.separate-containers .inside-article {
        background-image: none;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

November 26, 2020 at 3:19 pm #1550782

Thanks for the quick response AND for solving the problem! I tried for about an hour and couldn't figure it out.

November 26, 2020 at 4:24 pm #1550848

No problem :)

This archived topic is closed to new replies.

Start building better websites today.