(Pique) change grid from 3×1 to 2×2 in some cases
-
Hi!
I’m looking to change the grid class in some cases to be 2 columns instead of the default 3. There is a built in class called “pique-grid-two” that the creators added, but I don’t know how to implement it without changing all of my grids, and I would like some grids to stay with 3×1 or “pique-grid-three”The blog I need help with is: (visible only to logged in users)
-
Good day,
I’ve found these threads that have the answers to your question:
https://en.forums.wordpress.com/topic/pique-theme-change-grid-view?replies=6
Hope they can be of help.
-
Yes, I’ve also found these threads. My issue is that I don’t want the grids to be changed for every instance, just on one specific instance.
-
Yes, I’ve also found these threads. My issue is that I don’t want the grids to be changed for every instance, just on one specific instance.
-
Ah, I see.
If you want to make the changes to certain panels. Then you have to figure out the IDs of the article you want to change. This can be checked with your web inspector (I user Chrome):
https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
For example, the panel title “Explore Our Spaces” the id is “post-117 then you can make the change by adding the below code.
.post-117 article {
float: left;
width: calc((100% – 80px) / 2);
}This code will only change the grid template for that panel. I retrieved this snippet of code from this thread:
The description of what the user wanted was similar to your request. Please give that a try.
-
@google2211172, let us know which panel(s) you wish to change, and we can help out with that.
- The topic ‘(Pique) change grid from 3×1 to 2×2 in some cases’ is closed to new replies.