Is it possible to change the words for Icons in Post to Context?

In Place of a word driven menu, we would like to have an icon driven menu. Please see the header image.

(Discussion, Poll, Update, Product) become icons and not words.

@Alex T⚜️

  • More
Replies (10)

    • Hello @InPage !

      The default code already contains the icons there too. So you need to add following lines to the Custom Styles area of your own template mix:

      #sys-create-post .bx-db-menu ul>li:not(.bx-menu-item-more-auto) a .sys-icon {

      display:block;

      }

      -create-post .bx-menu-item  span.bx-def-margin-sec-left-auto {

      display:none;

      }

      • Thank you @LeonidS

        It works nicely, but unfortunately it influences the menu on all Profiles, Pages, Events, Spaces, Classes and Groups.

        Is there away to separate them so it only effects "post to content"?

        * I can not past directly into this text box. I am forced to use the image icon

        ** The ability to use emoji's when on a PC is missing from the menu. image_transcoder.php?o=sys_images_editor&h=256&dpx=2&t=1649101601

        image_transcoder.php?o=sys_images_editor&h=255&dpx=2&t=1649101203

        • Corrected my post with #sys-create-post addon.

          • With this code, the menu disappears :(

            -create-post .bx-db-menu ul>li:not(.bx-menu-item-more-auto) a .sys-icon {
display:block;
}


-create-post .bx-menu-item  span.bx-def-margin-sec-left-auto {
display:none;
}

            • UPDATE: final tested variant:

              -create-post  a .sys-icon {
display:block;
}


-create-post .span.bx-def-margin-sec-left-auto {
display:none;
}

              • Thank you Leonid, as always you have helped so much. A big thank you.

                • Hi @LeonidS

                  How can I produce this effect in "Artificer?"

                  • the easiest way is when u go under the adminstudio >> navigation and clear the texts and translations of it

                    • Try this one:

                      -create-post  span.bx-mi-icon{

                      display: block;

                      }

                      -create-post span.bx-mi-title {

                      display: none;

                      }

                      • Awesome thank you. That works really well.

                        image.png 40.6 KB
                        Login or Join to comment.