Skip to main content
Main Content

Den Coding help needed!

Den Coding help needed!
Posted 2020-12-25 16:50:18 (edited)
#270758

Hello everyone!

I've finally sat down and read through Tetra's wonderful CSS tutorial! It's super helpful, but I still found myself stumped by a few problems I've run into (although I am proud to say earlier ones I was able to solve myself eventually!!)

The persisting problems (with screenshots) are the following:

  • No Spaces between Navbar buttons (+ "Den" icon button is too small?)
  • Modbox hover link still blue
  • Side bar featured wolf avatar still has a white border

Those are all the ones I still haven't managed to figure out on my own and would love some advice as to how to tackle them!
If needed I can upload the code, although be warned, it's an organizational mess lmao

Thank you to anyone taking the time! :D
Rapirisu ✦ Mutie Breeder
#5303
Posted 2021-01-12 00:46:05
#295663
It looks like you changed your navbar, so I assume you don't need help with that. For your modbox hover:

#header .navbar-status a:hover {
color: #4a3d59 !important;
}

For the sidebar wolf border:
.card-body .w-50:first-child div {
border: 0;
}
fireflii
#757
Posted 2021-01-12 05:26:39
#295774

Ah, that's super helpful! I'll try it out once I'm on PC again.

If you know how to change the navbar icons, that'd help still! I haven't figured it out, so I just went with a different style lol

Thank you so much :D
Rapirisu ✦ Mutie Breeder
#5303
Posted 2021-01-12 21:41:04
#296853

#header .navbar-main .nav-link {
    margin: 2px;
}

This will put space between your links on your menu.

#header .navbar-main .nav-link:hover, #header .navbar-main .nav-link:hover .fa {
    color: green;
}

This will change the color of both your navbar links and the symbols.

Let me know if that doesn't work. :) It can be finicky depending what specifics you use...
fireflii
#757
Search Topic