Spacing Not Applied in Component

Here is a video to help you identify the bug.
The property ‘margin-top’ is defined and populated but is not applied in both the backend and frontend.

Environment info

  • WordPress version: 6.3.2
  • Cwicly Plugin version:

Hi @weedor,

Sorry to hear you’re experiencing trouble with this.

Unfortunately I haven’t been able to reproduce this issue on my end.

Could you possibly provide me with a temporary access to your installation, so I may take a closer look?

If this is possible, for security and privacy reasons, kindly send the details using our paste website, by sharing the link generated: to or by PM.

Thank you in advance.

Thank you for providing access so promptly!

I have now been able to reproduce the error and can confirm it is a bug.
It seems the values won’t take effect unless every margin/padding property has a value.

Rest assured, we’ll be sure to have a fix for this as soon as possible.

Apologies for the inconvenience.

1 Like

@Araminta in case it’s helpful, I noticed this the other day as well when setting a border (not inside a component). I needed to add a value to all sides.

1 Like

Hi @sunny,

Thanks for pointing this out!

Unfortunately I haven’t been able to reproduce this on my end.

Could you possibly provide more details on this?
Does this happen with border width or radius and only on specific blocks etc?

Thank you in advance.

Hey @Araminta, my apologies on this one. I went back and realized I was noticing something a little different.

In my case, I was noticing that a border was placed around the entire element even if I just set the width for one side.

So I had to add a 0 to all other sides.

That’s because the output CSS is:

border-color: black;
border-bottom-width: 2px;
border-style: solid;

Which is technically correct. I think some other builders only apply the border-style to the side that has a width set, so that you don’t have to input all 4 values.

Anyways, more of a preference thing and not a bug. Thanks again!

Hey @sunny.

This might be a case for the the Normaliser.
You could either tweak the current one or add your own.

Alternatively, a custom stylesheet would do it as well.
Not a fan of the default browser border styles either and resetting the border for every applicable element or class is quite annoying.

1 Like