Archived topic
The two new page pictures are different in size
1 reply · Started by RYAN on December 14, 2022
（1）Why is the size of the second page I created (Figure 2) bad again? I set it as 200x130, and then it was changed to 174.52x130
----------------------------------------
（2）The size of the first page I created (Figure 1) is the same. After you set the code for me, it won't be (the code is as follows:)
@media (min-width: 769px) {
.page-id-141 .content-area .gb-grid-wrapper-45f5838b > .gb-grid-column .gb-grid-wrapper {
flex-wrap: nowrap;
}
.page-id-141 .content-area .gb-grid-wrapper-45f5838b > .gb-grid-column .gb-grid-wrapper > .gb-grid-column:first-of-type {
width: fit-content;
}
.page-id-141 .content-area .gb-grid-wrapper-45f5838b > .gb-grid-column .gb-grid-wrapper > .gb-grid-column:last-of-type {
flex-grow: 1;
width: unset;
}
}
-----------------------------------------------
（3）So what should I do with the second page I created now.
Hi there,
The CSS you attached is targeting the page with ID 141, your page in question has a different ID which is 25812, so you need to replace the 141 with 25812 in the code.
And the Grid wrapper id on this page is ec24a770.
@media (min-width: 769px) {
.page-id-25812 .content-area .gb-grid-wrapper-ec24a770 > .gb-grid-column .gb-grid-wrapper {
flex-wrap: nowrap;
}
.page-id-25812 .content-area .gb-grid-wrapper-ec24a770 > .gb-grid-column .gb-grid-wrapper > .gb-grid-column:first-of-type {
width: fit-content;
}
.page-id-25812 .content-area .gb-grid-wrapper-ec24a770 > .gb-grid-column .gb-grid-wrapper > .gb-grid-column:last-of-type {
flex-grow: 1;
width: unset;
}
}