Icon Separation
Can some tell me where in templates I can reduce the space between media icons on the create post block? I would like to add more icons without them starting a second row. I need them closer together to do this. See screenshot.
Is there also a way to make the icons larger?
-
Hello Tim Burleigh !
1) The space between icons in this set can be reduced via changing settings of .bx-def-margin-right class. Set there the typical value like margin-right: 1rem;
2) The sizes of smiles can be setup in .bx-btn .sys-icon class. Set there for example
font-size: 2.2em;
-
I am unable to do this because I do not have access to control panel. I am on UNA Cloud Hosting. Can you provide custom code I can insert in the template or designer?
-
Both parts can be added via Studio->Protean->Styles->Custom Styles area (in the case of using Protean template).
-
Is this code complete that I can just copy and paste? And I’m not sure why you’re referencing ‘smiles’. I do not need to make any adjustments to reactions. Sorry, maybe I am just not understanding.
-
My directions are made for the highlighted section in your image (see the attached pic). If you mean another area - plz specify.
-
Thank you
-
As I suspected, it did nit work because the instructions were not clear. Is this the correct code to enter into ‘custom styles’?
.bx-def-margin-right: 1rem;
.bx-btn .sys-icon: font-size: 2.2em;
-
Okay, I figured out how to change the icon size. It was only a matter of changing the button font size. I still have not figured out how to reduce the gap between the icons.
-
Try different values, so here is an example:
.bx-def-margin-right {
.margin-right: 0.5rem;
}
.bx-btn .sys-icon {
font-size: 2.5em;
}
-
Thanks
icons.jpg