Ethnic restaurant in the Philippines.Enjoy Free 888+200 Daily Legal Bonus

Reply To: How to force WP Gallery to display 3 columns on mobile

Joy — Sun, 16 Jun 2019 15:40:11 +0000

If you are using the new editor (Gallery block), then there is CSS which is very specific being output by the block definition.
If not, then it is a normal gallery and your theme is responsible for the CSS, unless you use a plugin for galleries, in which case it’s the plugin that is responsible.

In your case, it looks like a gallery block, which is the hardest one to change.
You can use your browser Developer Tool to see what CSS rules affect the gallery, and write some rules to override those. Good luck…

Reply To: How to force WP Gallery to display 3 columns on mobile

inkerdoo — Sun, 16 Jun 2019 15:44:31 +0000

I’ve been trying to view the page source, inspect element, and making custom CSS to alter what’s there, but I haven’t hit on the right combination yet. I can make it look right in the css editor area, but when I view it on an actual mobile device, nothing changes.

How do I use a normal gallery and not the Gallery block?

Reply To: How to force WP Gallery to display 3 columns on mobile

Joy — Sun, 16 Jun 2019 16:14:43 +0000

When you put your CSS into your theme, you need to make the browser load the new version, since most browsers cache files where they can. That’s usually done by changing the theme version number, if the theme author did it correctly. If the author didn’t do it correctly, it’s using the WP version number instead.

When you change the Additional CSS, it is put directly into the page, so there are no version numbers that will tell the browser that the page changed. You can hit Reload in your browser, but some browsers have to be told to clear their cache to get the new version. This will apply not only to you, but to every repeat visitor.

If you want to switch from Gallery block to normal gallery, you can use a Shortcode block with a gallery shortcode, or a Classic block with a normal gallery in it, or build your own in a HTML block.
Or you could use the Classic Editor (either per page or for all pages).

Reply To: How to force WP Gallery to display 3 columns on mobile

inkerdoo — Sun, 16 Jun 2019 18:56:15 +0000

I’ve created a gallery with the classic editor, but I still can’t figure out how to make it display three columns in mobile view. There are multiple classes in a single element, and I don’t know how to reference classes with multiple names like that.

Reply To: How to force WP Gallery to display 3 columns on mobile

inkerdoo — Sun, 16 Jun 2019 21:05:46 +0000

I went back to the blocks gallery block because that at least gave two columns in mobile view.