Articles on: WordPress & WooCommerce

Custom CSS

Reason

Image

Location

Snippet

I want to hide the toolbar completely

UI-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 images

UI-Composer

.fpd-element-toolbar-smart.fpd-type-image{display:none!important}

I want to hide the design preview

UI-Composer

.fpd-thumbnail-preview{display: none !important;}

I want to hide the colour in the cart

UI-Composer

.woocommerce-cart span.fpd-cart-element-color{display:none}

I want to change the size of the view thumbnails

UI-Composer

.fpd-views-wrapper .fpd-views-selection .fpd-item {width:90px;height:100px}

I want to hide the empty Main Bar

UI Composer

.fpd-mainbar{display:none}

I want to hide the color-picker/color-palette/font dropdown from text layers

UI-Composer

.fpd-text-layer-item .fpd-text-layer-meta{display:none}

Updated on: 06/08/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!