Important: FPD Support Update

As of March 1, 2025, direct support for Fancy Product Designer has been discontinued. Only customers with an active support license will continue to receive assistance. Our team is now fully dedicated to Chamevo, the next-generation product customization platform built on the foundations of FPD. For help, use the chatbot available on fancyproductdesigner.com or chamevo.com.

FPD

Custom CSS

Updated July 14, 20214,957 views2 found helpful
ReasonImageLocationSnippet
I want to hide the toolbar completelyUI-Composer.fpd-element-toolbar-smart{display:none!important}

If you're using the old version of toolbar -
.fpd-element-toolbar
{display:none!important}
I want to hide the toolbar only for imagesUI-Composer
.fpd-element-toolbar-smart.fpd-type-image{display:none!important}

I want to hide the design previewUI-Composer.fpd-thumbnail-preview{display: none !important;}
I want to hide the colour in the cartUI-Composer.woocommerce-cart span.fpd-cart-element-color{display:none}
I want to change the size of the view thumbnailsUI-Composer
.fpd-views-wrapper .fpd-views-selection .fpd-item {width:90px;height:100px}

I want to hide the empty Main BarUI Composer.fpd-mainbar{display:none}
I want to hide the color-picker/color-palette/font dropdown from text layersUI-Composer.fpd-text-layer-item .fpd-text-layer-meta{display:none}