Archived topic

background image still showing through, image gallery does not stack on mobile

8 replies · Started by Mark on May 23, 2019

Viewing posts 1–9 of 9

May 23, 2019 at 8:36 am #908917

Hi,

I am having two issues with my site at new.nimblethimble.com that I can't seem to resolve.

1. I switched from using a page background image for all pages to just using a background color. However, as can be seen on any page, there are still portions of each page that are showing the background image instead of a background color, and I can't find why that is happening. I am using Simple CSS and (I thought) I commented out all CSS that provided for a background image.

2. On the home page, I am using a gallery to display 3 images, but on mobile view they are just shrinking down instead of stacking, as I think they do when you just use individual images.

Thanks,

Mark

May 23, 2019 at 8:53 am #908940

Hi there,

1. Are you referring to this part?
https://www.screencast.com/t/Z3FTORENv7

If so that image is uploaded through the customizer. We talked about this previously:
https://generatepress.com/forums/topic/background-image-for-single-posts/#post-903204

2. I think if you use columns block instead of gallery block then they should stack by default.

If not give this CSS a shot:

@media (max-width: 768px) {
    .gallery-columns-3 .gallery-item {
        max-width: 100%;
    }
}

May 23, 2019 at 9:01 am #908946

Hi Leo,

Thanks for getting back to me.

1. Yes, I put some custom CSS into Simple CSS to apply the background image previously, as you suggested, but I (thought) I completely commented it out, but I must be missing something.

2. I will try the CSS, because (as you suggested in one of your support posts in the forum) I have used the Block editor to put images into three columns, but they are not stacking on mobile.

Mark

May 23, 2019 at 9:07 am #908951

Hi Leo,

That CSS for making the images stack on mobile worked well!

Thanks

Mark

May 23, 2019 at 9:14 am #908956

1. I actually didn't suggest the CSS solution. I actually suggested using the customizer in both replies here and looks like that's what you did:
https://generatepress.com/forums/topic/background-image-for-single-posts/#post-903194
https://generatepress.com/forums/topic/background-image-for-single-posts/#post-903204

2. Glad it's working!

May 23, 2019 at 9:38 am #908981

Hi Leo,

Thanks again. In reference to issue #1, I can't see anyplace that is not commented out in Simple CSS, or other places in the customizer where the background image is still specified. I would appreciate it if you can take a look.

Mark

May 23, 2019 at 10:31 am #909014

The code is showing that the background image is added as the body background image in the customizer.

May 23, 2019 at 1:03 pm #909110

Thanks Leo.

I really learned something. I looked at that setting and didn't see an image there, so I thought there wasn't one. However, when I clicked "Remove," the background went away.

I don't know how you are able to see these things so well - when I try it I hardly ever find the things you guys do. You are amazing.

Thanks again,

Mark

May 23, 2019 at 1:41 pm #909137

No problem :)

This archived topic is closed to new replies.

Start building better websites today.