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

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

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #908917
    Mark

    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

    #908940
    Leo
    Staff
    Customer Support

    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%;
        }
    }
    #908946
    Mark

    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

    #908951
    Mark

    Hi Leo,

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

    Thanks

    Mark

    #908956
    Leo
    Staff
    Customer Support

    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!

    #908981
    Mark

    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

    #909014
    Leo
    Staff
    Customer Support

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

    #909110
    Mark

    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

    #909137
    Leo
    Staff
    Customer Support
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.