I’ve caught this a few times now. I passed it off at first, thinking it was something on my end. Now I’m thinking it might be a theme issue.
I’m seeing that using default px setting sometimes won’t reflect those CSS measurement units.
I’m not 100% sure how to recreate this yet, but wanted to report.
Hello @splaquet,
Thank you for reaching out and for reporting this. Your screenshots show the issue: on the Anchor’s unlinked Padding control, the Top and Bottom fields display “px”, but the generated CSS outputs them without a unit (padding-top: 1; padding-bottom: 1;). The browser treats those declarations as invalid and ignores them. Please review the steps below while we narrow this down.
Type the unit explicitly – In the Top and Bottom fields, enter 1px instead of 1, then save and inspect the element again. The “px” label beside the field does not guarantee the unit is saved with the value, so typing it removes any doubt.
Use the same input mode on all four sides – When some sides use the slider and others use free-text values such as clamp(), switch Top and Bottom to free-text mode as well and enter 1px there. Alternatively, link the sides, set the value, and then unlink and edit only the sides that need clamp().
Check where padding-left is output – In the rule you shared (.m9x-22.x-anchor .x-anchor-content), padding-left is missing, although Left is set in the builder. Please check in your browser’s inspector whether padding-left appears in a separate rule or at another breakpoint, and let us know what you find.
We would be happy to double check your site if we can log in. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site
To know how to create a secure note, please check this out: How The Forum Works
Best Regards.
