Beasts of Beyond
PROFILE CUSTOMIZATION GUIDE! - last updated 4/7 - Printable Version

+- Beasts of Beyond (https://beastsofbeyond.com)
+-- Forum: OOC Resources (https://beastsofbeyond.com/forumdisplay.php?fid=3)
+--- Forum: Artist Loft (https://beastsofbeyond.com/forumdisplay.php?fid=10)
+---- Forum: Coding Corner (https://beastsofbeyond.com/forumdisplay.php?fid=11)
+---- Thread: PROFILE CUSTOMIZATION GUIDE! - last updated 4/7 (/showthread.php?tid=610)

Pages: 1 2

Re: PROFILE CUSTOMIZATION GUIDE! - last updated 4/7 - fabrie - 04-10-2018

here's the navigation stuff, if any of you would like to test it out! i might separate the dropdowns later, but since i know this works, they're grouped with the hovering colors + text as well.

Code:
.navbar-default .navbar-nav .active a {
background: COLOR;
color: TEXTCOLOR;
text-shadow: 0 2px COLOR;
box-shadow: 0 -3px COLOR inset; }
.navbar-default {
background: COLOR;
color: TEXTCOLOR;
box-shadow: 0 -3px COLOR inset;
}
.navbar-default .navbar-nav li a {
color: TEXTCOLOR;
text-shadow: 0 2px COLOR; }
.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav  .open  a, .navbar-default .navbar-nav  .open a:hover, .navbar-default .navbar-nav  .open a:focus, .navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a:focus {
Background: COLOR;
Color: TEXTCOLOR;
box-shadow: 0 -3px COLOR inset; }
.dropdown-menu {
Background: COLOR }


Re: PROFILE CUSTOMIZATION GUIDE! - last updated 4/7 - MADI - 04-10-2018

Has any one figured out the "Beasts of Beyond / Profile..." links yet? In developer tools it looks like this section changes it:

Code:
.breadcrumb > li > a {
color: #FFE1ED;
}

But when I try that nothing happens.

Also, [member=25]fab[/member] I see from your profile that your secondary hover in the navigation area is a different color so it worked for you, but every time I try to change it I'm still stuck with the default purple. How did you change that?

Re: PROFILE CUSTOMIZATION GUIDE! - last updated 4/7 - Orion - 04-11-2018

Code:
.YASM_wellwisher {
    font-size: 14px;
    padding: 12px 16px;
    background-color: #482D74;
    border-radius: 4px;
    border: 0px solid #482D74;
}

.YASM_wellwisher .YASM_border {
    border-bottom: 1px solid #2D1457;
}

if anyone needs the spoiler code