Table width

Hi @jkacher,

You can use the CSS selector .pp-container-app to change your app’s width.

For example:

.pp-container-app 
{
width: 500px;
}

For more CSS selectors, please see: Manual Styling with CSS | WP Data Access

Hope this helps! Let us know if you have other questions.

Hi @jkacher,

Thanks for the response.

Please see our test here: https://share.zight.com/WnuvKN1R

If the sample code doesn’t work, please try to add !important next to the rule.

For example:

.pp-container-app 
{
width: 500px !important;
}

Hi @jkacher,

Thanks for the response. I used the App Builder in my samples.

I apologize for the confusion.  The CSS Table Editor allows you to style only child elements of the pp-table-container element. This doesn’t include the whole app width.

The documentation can be found here: CSS Table Editor | WP Data Access

To adjust the width of your whole app, you need to add the code I mentioned above directly on your theme’s custom CSS code field. Here’s the instruction from Kadence: How do I add Custom CSS – Kadence WP Documentation

I hope that helps. Let us know if you have other questions.

• This reply was modified 1 month, 1 week ago by Kim L.

Hi @jkacher,

You can specify which app should affect the code by adding the app ID.

For example:

.pp-app-container.pp-app-28
{
width: auto !important;
}

For more examples, please visit: Manual Styling with CSS | WP Data Access

Let us know how it goes. 🙏