Elementor - Be Flat Box Widget

Textquelle

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?

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Textquelle

Yes please!

Phil

Please, try the following code:

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Textquelle

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.

Kind Regards

Phil

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Textquelle

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

Phil

Please, try the following code:

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Textquelle

Thank you very much for your help!

It all turned out very well.