Hi, @activwyq
How can I change product dropdown background color and font?
I’ll assume you read your theme’s documentation and it doesn’t provide any settings for this in your Dashboard – it would be simpler for you to make those changes. (You can ask for support for your theme here: https://www.ads-software.com/support/theme/astra/)
Also, font is a bit vague, so I included font-size, font-family, font-weight. I also included a rule for when you hover on it (the second part) – you can keep it, or not, and also you can play with the numbers and colour codes as you wish.
Try adding this in Dashboard – Appereance – Customize – Additional CSS in the Customizer
#primary-menu ul.sub-menu li a {
color: white;
background-color: #081e35;
font-size: 15px;
font-family: 'Montserrat';
font-weight: 500;
}
#primary-menu ul.sub-menu li a:hover {
background-color: #083361;
}
You can learn how to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.
Hope this helps,
Kind regards!