Juisafish

Thank you, your correction did the trick!

Sure thing, let me know if this works: div#mainNavWrapper nav>div:nth-last-child(2) a{ color: #fff !important; padding:10px 20px !important; border: 0px solid #000 !important; background-color: #8d073a !important; border-radius:10px !important; } div#mainNavWrapper nav>div:nth-last-child(2) a:hover{ color: #fff !important; background-color:#000 !important; } div#mainNavWrapper nav>div:last-child a{ color: #fff !important; padding:10px 20px !important; border: 0px solid #000 !important; background-color: #564f52!important; border-radius:10px !important; } div#mainNavWrapper nav>div:last-child a:hover{ color: #fff !important; background-color:#000 !important; }

Hey everyone, I was updating some simple text on my website today and after a while, I noticed the custom CSS in my navigation bar just stopped working. I had it set up to have the last 2 links of my nav bar to be coloured buttons. I didn't touch anything besides a text block, so I am very confused. If there is any code wizard here, help would be much appreciated, pretty please and thank you 🙃 URL: https://www.scandaleusephotography.com/ Here is the code I have: div#mainNavWrapper nav>div:nth-last-child(2) a{ color: #fff !important; padding:10px 20px !important; border: 0px solid #000 !important; background-color: #8d073a !important; border-radius:10px !important; } div#mainNavWrapper nav>div:nth-last-child(2) a:hover{ color: #fff !important; background-color:#000 !important; } div#mainNavWrapper nav>div:last-child a{ color: #fff !important; padding:10px 20px !important; border: 0px solid #000 !important; background-color: #564f52!important; border-radius:10px !important; } div#mainNavWrapper nav>div:last-child a:hover{ color: #fff !important; background-color:#000 !important; }