Remove padding from LightWidget

Hi there,

Hope you are well. Could you please help me remove the padding from around an Instagram feed widget from LightWidget? It’s in the sidebar and I’m trying to remove the purple area in the attached screenshot. I’ve tried variations of these:

.lightwidget__posts--grid.lightwidget__posts--grid-1 .lightwidget__tile {
    padding: 0px !important;
}
:root {
    --lightwidget-padding: 0px !important;
}

But nothing works, any help would be hugely appreciated. The site is here: https://joannamay.com/

Many thanks,
Matthew

Hello Matthew,

Thanks for reaching out.

I can see that you have inserted an iframe code:

<!-- LightWidget WIDGET -->
<script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script>
<iframe src="https://cdn.lightwidget.com/widgets/a29dd3f66c375b4aa7321585a02e68be.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0px; overflow: hidden; height: 3730px;"></iframe>

And the padding that you want to get rid of is coming from what is inside the iframe. Be advised that you cannot control or override the styling of the elements inside the iframe. It is best that you contact the source of the code and ask them for your inquiry instead.

Best Regards.

Many thanks Ruenel.

You’re welcome, @TheoryUnit.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.