I see, but as you already know, our support policy does not provide assistance for implementing, modifying or debugging custom code.
But as a little hint, perhaps you can try targeting the [data-icons-type*="square"] .ct-icon-container svg selector to modify the icon itself. However, I’m not sure why you wouldn’t use the built in size controls. In the end 8px is small and will produce a small icon. 🙂
My intention is to improve the proportion between the background and the logo. And since the integrated control increases everything at once, I need specific CSS code for the “f” in Facebook, for example.
I understand what you’re trying to achieve, but we also have to follow our support policy which does not provide assistance for implementing any additional code besides what’s available in the Customiser as options to modify. I would really recommend to contact a knowledgeable developer if you require assistance with implementing custom code outside of what’s already provided.
As a one time courtesy, I’ll give you the specific selector.
The final selector (at least what I see from your screenshots) should be –
