need help with buttons

Posted 27 days, 15 hours ago by NyxxSoup

hihi!! I've been trying to edit part of a code for a few hours now, and I haven't been able to figure it out. I don't know too much about html (all I've learned is from reverse engineering), so I would greatly appreciate some help!

what I'm trying to do is change the color of the button when selected/hovered over to not use the bootstrap theme of the site. I want to be able to set it to a custom color (although I am fine with using other bootstrap colors. I just want to be able to freely customize the button). at first I thought it must have something to do with btn-outline, but while I have gotten some progress with that, I still haven't reached my goal and haven't learned how to properly go about this. The code I'm working with is below. it came from this template

<li class="nav-item d-flex my-2" style="clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); width: 60px; height: 50px;
background: #E18C05;">
<a href="#abt" class="nav-link active btn btn-outline-primary text-white d-flex border-0 w-100" data-toggle="tab">

<i class="m-auto fal fa-user fa-lg"></i>
</a>
</li>

HUGE thank you to whoever can help me out with this!! I've been struggling a lot, and it would be a massive help!! 

Antimoany

i think you're looking for the :hover selector. because of the nature of the selector, there's no way to do it via inline-styles; that is, you need to use actual css.

NyxxSoup

Ohh interesting. Ty for the info!