Title: Styling Custom Fields
Last modified: August 31, 2016

---

# Styling Custom Fields

 *  [ceffer](https://wordpress.org/support/users/ceffer/)
 * (@ceffer)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/styling-custom-fields-2/)
 * As you suggested in another post, i added custom fields instead of using html
   description, then you had me use custom product page, now i need to style the
   fields to be like the description on the bottom of this page.
    [http://www.salestraininganddevelopment.com/tiles-wp/?page_id=2&SingleProduct=75](http://www.salestraininganddevelopment.com/tiles-wp/?page_id=2&SingleProduct=75)
 * However, it appears these are in a list, how can i put a background like the 
   example?
    Please advise. Jeff
 * [https://wordpress.org/plugins/ultimate-product-catalogue/](https://wordpress.org/plugins/ultimate-product-catalogue/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [ceffer](https://wordpress.org/support/users/ceffer/)
 * (@ceffer)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/styling-custom-fields-2/#post-7444250)
 * Also, changing Product Page Grid Height under custom styling make the image too
   small? see link above.
    Jeff
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/styling-custom-fields-2/#post-7444333)
 * 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?
 *  Thread Starter [ceffer](https://wordpress.org/support/users/ceffer/)
 * (@ceffer)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/styling-custom-fields-2/#post-7444355)
 * 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?
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/styling-custom-fields-2/#post-7444364)
 * 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.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Styling Custom Fields’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-product-catalogue/assets/icon-128x128.png?rev=1805317)
 * [Ultimate Product Catalog](https://wordpress.org/plugins/ultimate-product-catalogue/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-product-catalogue/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-product-catalogue/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-product-catalogue/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-product-catalogue/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-product-catalogue/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [custom products](https://wordpress.org/support/topic-tag/custom-products/)

 * 4 replies
 * 2 participants
 * Last reply from: [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/styling-custom-fields-2/#post-7444364)
 * Status: not a support question