Support Missing features at Custom prefix addon

[Fatih]

Hello,

I just installed the Custom Prefix and Banner addon. It is working perfectly but I have some feedback.

1. Missing font awesome icons
   I am trying to add letters but these are not supported by addon. Is there any way to add this?
   fa-solid fa-c
   fontawesome.com/icons/c?f=classic&s=solid
2. There is no overview option when we are creating prefix design. Is it possible to add prefix overview in the prefix list?
   
3. It might be good to make the background of the icon a little darker. In this way, the text and the icon will be a little more separated and it may be a better look.

 

[CRUEL-MODZ]

Hello,

Missing font awesome icons
I am trying to add letters but these are not supported by addon. Is there any way to add this?
fa-solid fa-c
fontawesome.com/icons/c?f=classic&s=solid

unfortunately not, these are FA6s

There is no overview option when we are creating prefix design. Is it possible to add prefix overview in the prefix list?

Not very useful, you need to see that there are groups that may not have a banner.

It might be good to make the background of the icon a little darker. In this way, the text and the icon will be a little more separated and it may be a better look

Everyone is free to put whatever they want For styling, if I impose a color, it might displease others.

Regards, CRUEL-MODZ

 

[Fatih]

Not very useful, you need to see that there are groups that may not have a banner.

We should go to the forum page each time to see the implementation. If we can see the design even when we are creating it can be good. This is just for your future consideration.

Everyone is free to put whatever they want For styling, if I impose a color, it might displease others.

Can we customize the style by ourselves? if possible, what is the correct template?

Thank ou for the prompt responses, appreciated.

 

[CRUEL-MODZ]

Can we customize the style by ourselves? if possible, what is the correct template?

Thank ou for the prompt responses, appreciated.

In extra.less
you have different classes that allow you to make the style you want

For example (banner):

.xs-cpb-userBanner--faContent {
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    background: #00000057;
    display: flex;
    align-items: center;
    justify-content: center;
    &:before {
        top: 50%;
        left: 20px;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        border-width: 6px;
        margin: -6px 0 0 0;
        border-left-color: #00000057;
    }
}

For other exemple (prefix) :

.label.xs-cpb-prefix--fa {
    padding-left: 35px;
    position: relative;
    .xs-cpb-prefix--faContent {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 30px;
        background: #00000057;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        &:before {
            top: 50%;
            left: 30px;
            border: solid transparent;
            content: "";
            height: 0;
            width: 0;
            position: absolute;
            border-width: 6px;
            margin: -6px 0 0 0;
            border-left-color: #00000057;
        }
    }
}