Styling Custom Fields

Also, changing Product Page Grid Height under custom styling make the image too small? see link above.
Jeff

Hi ceffer,

How have you currently styled it so that the box appears this way?

If you add the following to the “Custom CSS” box for your catalog, it should style the description like you have it on that page:

.upcp-gridster-loading li.prod-page-description-div {
background: #338FF3;
border: 1px solid #006699;
color: #fff;
}

And for the image, what happens if you go back to the “Product Page” tab and drag the image area so that it’s taller? Does it then change the size of the image?

i am not trying to style the description box, i just put that in to show you how i would like the custom fields to look like. if you notice, the have similar values?

Hi ceffer,

Because there’s no wrapping container/div around each row/custom field area, there, unfortunately, is no way to style it row-by-row with just CSS.

It would likely be possible to modify the code in the core plugin files to achieve something like this, but it would require a bit of work, might break other functionality and would be overwritten when you update the plugin.