Adjust Padding for CPT Archive for Mobile View (using GeneratePress)

This thread is resolved. Here is a description of the problem and solution.

Problem:

Override a CSS style.

Solution:

You can override it easily by adding below CSS codes:

https://toolset.com/forums/topic/adjust-padding-for-cpt-archive-for-mobile-view-using-generatepress/#post-1738317

Relevant Documentation:

https://www.w3schools.com/cssref/pr_padding-left.asp

https://www.w3schools.com/cssref/pr_padding-right.asp

100% of people find this useful.

This support ticket is created 4 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Views, Views plugin

This topic contains 2 replies, has 2 voices.

Last updated by leoK 4 years, 9 months ago.

Assisted by: Luo Yang.

Author

Posts

August 13, 2020 at 4:03 pm #1737741

leoK

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 (hidden link), 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 – hidden link
Mobile Mode – hidden link

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?

August 14, 2020 at 6:38 am #1738317

Luo Yang

Hello,

I have checked the URL you mentioned above:
hidden link

The CSS codes are from generatepress theme CSS file:
hidden link

And you can override it easily by adding below CSS codes:

div.grid-parent {
padding-left: initial;
padding-right: initial;
}

It is only an example, you will need to customize above CSS codes according to what you want.

More help:
hidden link
hidden link

August 14, 2020 at 9:46 pm #1739957

leoK

My issue is resolved now. Thank you!