WooCommerce: Styling in Cart Widget

We're having some styling issues with our theme and the Real Time Designer plugin. We have a widget in the header that, when hovered over, displays a small dropdown of the items currently in the cart. The images in this dropdown have a set max-width and max-height to preserve the dropdown layout.

When an RTD product is added to the cart, the image for the item is added into the widget with inline styling that sets the width to 200px with an !important tag. This breaks the layout of the dropdown and makes it impossible for us to change the styling via css (as seen in the attached image). We also will have customizable vertical flags, for which the image will be taller than it is wide, and which will break the layout further. This also displays the RTD id underneath the image, which we'd like to hide as well.

Is there any place where we can edit the code that gets output for this widget?

Thank you.

Hello,

The plugin is provided mostly to be a base for further customization.
So I think the best for you will be to edit the RTD plugin itself, it's easy lo locate those entries.
They're in the realtimedesigner_set_custom_thumbnail and realtimedesigner_order_item_name functions, into the woocommerce-realtimedesigner.php file



Edited 1 time(s). Last edit at 07/05/2017 02:19PM by Alex.

Thanks, that's exactly what I needed.