Custom CSS

Modified on Wed, 14 Jul 2021 at 07:51 PM

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}
 



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article