Notification Icon

Can anyone tell me how to make the notification icon larger using Lucid template?

  • 365
  • More
Replies (6)
    • Hello John Curtis !

      You may set the own rules for any of the CSS classes in this list: "bx-menu-item-addon bx-def-unit-alert bg-col-red2" via Studio->Lucid->Styles->Custom Styles area.

      • Thank you LeonidS  but I looked carefully but I wasn't able to find this line. I went to Studio-> Lucid-> Styles-> then opened Custom Styles.

        I could not find any lines with, "bx-menu-item-addon bx-def-unit-alert bg-col-red2".

        I must be looking in the wrong place? 

        I did see this for a Micro Avatar.

        image_transcoder.php?o=bx_froala_image&h=2169&dpx=1&t=1569525602

        • Hello, I just tested this: By default the value is 1rem. If you want to enlarge => x1.2
          You can add the following rules in custom style.

          .bx-def-unit-alert {
          min-width: 1.2rem;
          height: 1.2rem;
          line-height: 1.2rem;
          border-radius: 1.2rem;
          font-size: 1.2rem;
          }

          image_transcoder.php?o=bx_froala_image&h=2198&dpx=1&t=1569709927

          However, do not be too big because you are also blowing other bubbles.

          • Thanks Baloo . I tried adding this but didn't make any difference. I cleared the cache's in UNA and FireFox but it didn't seem to help. Should this (bx-def-unit-alert) Custom Style already be in the Style for Lucid? I didn't see it in mine.

            • Hello John Curtis !

              You needed to add the new custom style like Baloo said - just add it to the mentioned area. Also, we may suggest that you didn't publish your mix with these changes and that's why it isn't visible.

              • Baloo I added the code as you suggested and it changed in the member menu (which is fine) but not next to the profile icon like I was hopingimage_transcoder.php?o=bx_froala_image&h=2239&dpx=1&t=1570035987.

                Login or Join to comment.