wa7245 Posted February 9, 2022 Share Posted February 9, 2022 Site URL: https://www.cupsmission.com Hi everyone, on my website my last PAGE menu item has a button, but not the actual last item on my navigation-which is a folder. Here's the code I'm currently using: .Header-nav a:nth-child(6) { background: white; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 15px !important; padding-right: 15px !important; color: rgb(3, 46, 124) !important; } a.Header-nav-item:last-of-type { background: #ffffff; color: #243877!important; padding: 11px 9px!important; } a.Header-nav-item:last-of-type:hover { background: #f3f3f3; color: #333!important; } Link to comment
Solution Caroline_Smith Posted February 11, 2022 Solution Share Posted February 11, 2022 Hey there! Try using this code block instead: span.Header-nav-item--folder:last-of-type { background: #fff; color: #243877 !important; padding: 11px 9px !important; } Hope this solves your issue! wa7245 and tuanphan 2 Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment