#mythic notify style.css changes

18 messages · Page 1 of 1 (latest)

cold scroll
cold scroll
#

color: #fff;

#

or color: white;

I just preffer using #fff

#

I know, but where must I add that LOL

#

to the class where the text is

#
    background-color: transparent !important;
}

.template, .notification {
    display: none;
}

.notif-container {
    width: 20%;
    position: absolute;
    right: 15%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.notification {
    padding: 10px;
    width: fit-content;
    border-radius: 5px;
    margin: 5px;
    font: caption;
    font-size: 12px;
    font-weight: bold;
}

.success {
    background: rgb(114, 204, 114);
    background: linear-gradient(90deg, rgba(0, 223, 205, 0.61) 0%, rgba(0, 223, 205, 0.16) 125.86%);
}

.inform {
    background-color: rgb(47, 92, 115);
    background: linear-gradient(90deg, rgba(0, 223, 205, 0.61) 0%, rgba(0, 223, 205, 0.16) 125.86%);
}

.error {
    background: rgb(224, 50, 50);
    background: linear-gradient(90deg, rgba(223, 0, 0, 0.61) 0%, rgba(223, 0, 0, 0.16) 125.86%);
}```
#

.notification {
padding: 10px;
width: fit-content;
border-radius: 5px;
margin: 5px;
font: caption;
font-size: 12px;
font-weight: bold;
color: #fff;
}

#

paste that

#

GOt ya. So its just adding a new line code at Notification

#

yep

#

Let me test it quick

#

THanks man

#

for example

<div class="notification">Hello World!</div>

you add the styles to that class

#

using css

#

Perfect!!!

#

I even added font family and managed to increase the size of the text too

vague wave
#

Does this work for qb default one

cold scroll
#

You have to set up mythic Notify and change your notifications under qb-core/server/functions