Is there an explanation on why the corners of the sub-menu-buttons don't change when I update the group button?
I have added a new button and that changes when I update the corner settings for the group, but the two buttons in the middle don't. Tried changing it back and forth and publishing in between - no change. As a last resort I could delete and recreate the buttons, but that should not be the ideal solution...
Corners are not round and do not update when changed
- Best Answerset by Jasper
Hi staudte !
Could you check if the border-radius has been set for these two individual buttons?
It could be shown like this right now:
Make sure to empty the fields so only the placeholder is visible, then the buttons will use the border-radius settings from the parent menu:
Ok, thank you, that fixed it. I really had specific values in the buttons:
Removing these made the buttons sync to the group button's settings.
However, I still wonder what the buttons looked so weird in the first place, with the settings above they should have nicely rounded corners, shouldn't they? (They even retained the nicely round corners after I put 12% in the boxes again, effectively setting it back to what it was before. Why do I need to wiggle with the numbers to get the system to work?)
Hi staudte ! Awesome, thanks for letting me know the issue has been resolved!
The issue with this menu style and using the percentage border is that the width is bigger than the height of the element. The browser then tries to calculate the 12% of both the width and height for each part of the corner.
Fortunately, we can also use the px
which will give all corners the same pixel-radius despite the difference in width and height, making the radius the same in all corners
Thank you so much, Jasper!
A totally unrelated newbie-question: Is it ok if I dug out an ancient thread and added another question regarding the same topic to it?