[insert-products] results cannot be centered

Hi Danny,

I don’t know if this is happening because of the avia_textblock div that your theme is putting around the content, but, if you want to get those three products to show in the center of the screen, you can probably just override it with some custom CSS. Perhaps something like this:

.upcp-minimal-catalogue {
width: auto;
display: table;
margin: 0 auto;
}

I added that css to the catalog custom css, but that didn’t change it.. could you have another look why it’s not centering? Thanks.

Hi Danny,

Since you’re not loading the catalog on that page (using the [product-catalogue id=”X”] shortcode), it probably won’t apply the custom CSS for the specific catalog in which you’ve added the custom CSS. If your theme has a custom CSS area, you’d probably be better off putting the code snippet we gave above there. That way it should load on every page.

If the snippet doesn’t work as is, it might be that some JavaScript in the theme is overwriting it. In that case, you can try adding “!important” to the values, like so:

.upcp-minimal-catalogue {
width: auto !important;
display: table !important;
margin: 0 auto !important;
}

Moving that css to the theme’s custom CSS did the trick! Thanks so much!!