here's all my header stuff! not labeled but its pretty intuitive, but the first 4 is the nav buttons specifically (also i changed the font sizes to make the sizing look better for those specific icons, you can remove those) you can also specify these more if a header button overlaps with another, just ask me and i can help
here's all my header stuff! not labeled but its pretty intuitive, but the first 4 is the nav buttons specifically (also i changed the font sizes to make the sizing look better for those specific icons, you can remove those) you can also specify these more if a header button overlaps with another, just ask me and i can help
/* ICON NEXT TO SIDEBAR USERNAME END */
.header .fa-home::before {
content:'\f4c9';
}
.header .fa-comments::before {
font-size: 15;
content:'\e5c8';
}
.header .fa-search::before {
font-size: 14;
content:'\e65f';
}
.nav-link.dropdown-toggle .fa-search::before {
font-size: 16.5px;
content:'\e65f';
}
.header .fa-book::before {
content:'\f499';
}
.navbar-right .fi-web::before, .fa-globe::before{
font-family: 'Font Awesome 5 Pro';
content:'\f57d';
font-weight: 600
}
.header .fa-plus:before {
content:"\f7ff";
font-size:15px;
}
.header .fa-plus {
transform: rotate(45deg);
}
.header .fa-clock::before {
content:'\f34e';
}
.header .fa-newspaper::before {
content:'\f0ca';
}
.header .fa-user::before {
content:'\e1b0';
}
.header .fa-fire::before {
content:'\e003';
}
.header .fa-binoculars::before {
content:'\f21e';
}
.dropdown-item[href="https://toyhou.se/~images/multi-upload"] .fa-image:before{
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
content:'\f87c';
}
.navbar-right .fa-inbox::before {
font-family: 'Font Awesome 5 Pro';
font-size: 16;
font-weight: 600;
content:'\f227';
}
.navbar-right .fi-male::before {
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
content:'\f4bf';
}
.navbar-right .fi-heart::before {
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
content:'\f762';
}
.navbar-right .fi-star::before {
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
content:'\e065';
}
.navbar-right .fi-list::before {
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
content:'\f0ca';
}
.navbar-right .fi-comments::before {
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
content:'\e5c9';
}
.navbar-right .fi-mail::before {
font-family: 'Font Awesome 5 Pro';
content: "\f674";
font-weight: 600;
}
.character-name-badge .fa-bookmark::before {
content:'\e176';
}
.bulletin-header-content .fa-chart-pie::before {
content:'\e474';
}
.btn.btn-warning[href="https://toyhou.se/~inbox/worlds"] >.fi-web::before, .dropdown-item[href="https://toyhou.se/~inbox/worlds"] > .dropdown-item-title > .fi-web::before {
font-family:'Font Awesome 5 Pro';
font-weight:600;
content: '\e027';
}
i.fi-torso.user-name-icon:before {
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
content: "\f192";
}
i.fi-star.user-name-icon:before {
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
content: "\f2e5";
}
24 days, 6 hours ago
oh my gosh, thank you!!! when i commented this i had spent all day trying to figure this out, haha. thank you!!!!
24 days, 2 hours ago