[Resolved] Adjust Padding for Custom Post Type Archive with Toolset for iPad/Mobile View?

[Leo Koo]

As above. I run a small WordPress site called WPStarters.com. Today, I tried creating a filterable custom post type archive with Toolset at my reviews post type (https://www.wpstarters.com/reviews/), and found that there is no padding when we view the page on Tablet to Mobile view.

You can view the screenshots below
Tablet Mode – https://share.getcloudapp.com/yAubb8y4
Mobile Mode – https://share.getcloudapp.com/12uJJ9Pw

Having said that, I’ve tried all things I could think of, including disabling all plugins except for Toolset Types, Toolset Blocks and GeneratePress Premium, adjusting the break points on Toolset’s settings and fiddling with the controls on the Customizer. I also tried to see if I could change the padding while editing the custom post type archive, but to no avail.

I also noticed that removing
.grid-parent {
padding-left: 0;
padding-right: 0;
}
seems to fix the padding issue. But how do I fix it without overwriting that CSS?

[Leo]

Hi there,

Can you disable your caching plugin so I can inspect the code better?

[Leo Koo]

Hi Leo,

Done 🙂 Please inspect now.

[Leo]

Usually the padding is added with the .inside-article element as you can see in all other pages.

I guess Toolset doesn’t account for that.

I wonder if this would be a workaround?

body.post-type-archive-wps_reviews .content-area {
    padding: 40px;
}

[Leo Koo]

Thanks, Leo! It did! 🙂

Appreciate your help!

[Leo]

No problem 🙂

[Author]

Posts