Elementor - Be Flat Box Widget

Textquelle · August 2021

Hello,

I am using the Be Flat Box widget in Elementor Pro and would like to delete the colored bar that is displayed on the left of the image and moves away when the mouse hovers over the image.

Is this possible?

Bildschirmfoto 2021-08-17 um 13.21.40.png

Phil · August 2021

Hello,

To achieve that, you will have to write a custom CSS code, and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Do you need help with writing it?

Best regards

Textquelle · August 2021

Yes please!

Phil · August 2021

Please, try the following code:

.flat_box .photo_wrapper .icon{
   display: none!important;
}
.flat_box .photo_wrapper img.photo{
   transform: none!important;
}

Thanks

Textquelle · August 2021

Thank you very much - it worked!

But now the text is placed too far to the right.

Is it possible to move the text to the left so that it is in line with the box exactly at the left edge?

If there is a possibility via CSS please help me with writing again.

Bildschirmfoto 2021-08-18 um 16.06.09.png

Kind Regards

Phil · August 2021

Please, attach a link to your website so that I could take a closer look at it.

Thanks

Textquelle · August 2021

Of course: http://s867683846.online.de

Phil · August 2021

Please, try the following code:

.flat_box .desc_wrapper{
   margin-left: 70px!important;
}

Thanks

Textquelle · August 2021

Thank you very much for your help!

It all turned out very well.

Elementor - Be Flat Box Widget

Comments