$10 in BTC to whomever can help with this incredicly easy fix

Hi @pigma ,

This would then tell us that this is a theme issue. Have you considered contacting the theme support to check this for you? This is due to the fact that most of our dashboard’s elements are adapting the styles from the theme.

Otherwise, consider using this CSS:

.wcv-dashboard-navigation .button:hover {
color: red;
background-color: blue;
}

I hope this could help.

Hi @pigma

Jamie here, founder and lead developer. At times CSS will be required to clean things up. I would also suggest that you disable the sidebar for your dashboard page as this provides a cleaner look. You can do this under the Astra settings for that particular page.

The reason your CSS does this is due to your default settings for hover states on buttons. The following snippet builds on Marks to provide what you’d require.

.wcv-dashboard-navigation .button { 
padding-left: 10px!important;
padding-right: 10px!important;
}

.wcv-dashboard-navigation .button:hover { 
background-color: blue;
color: #ffffff;
}

You would obviously change the color codes to what you want and the padding for left and right to suit what you require.

cheers,

Jamie.

hey, that actually changed the buttons to blue, but those buttons werent the issue. they were yesterday because they turned white when hovered over but i fixed that. they also changed positioning and theyre now sitting slightly on top of the dashboard menu. i tried deleting the css you posted but the changes are still there. what happened after i got the button color issue fixed yesterday though is the “show” button besides sales report and the search button in the left hand sidebar stays black when hovered over. also, now the buttons on the menu turn white when hovered over.

I really need to get the site back to what it was before inputting that css though because ive tried to backtrack and its staying blue

heres whats i mean

https://ibb.co/Rzph8Lk

https://ibb.co/mBVxQ6V

https://ibb.co/x67b3CY

Hello,

You should not put the vendor dashboard and the WooCommerce customer dashboard shortcodes on the same page. These are two completely different dashboards.

Your browser will cache CSS styles so you will need to clear your browser cache to remove any changes you make. It’s best to run in incognito mode while making constant style changes, this way the browser will forget changes and stop this from happening in the future. The colours we provided were for examples only and as mentioned you would need to change the colours to suit your specific needs.

I am running a default Astra config on one of my test installs and beyond some button padding, I am not seeing any of the issues you have outlined. This means that specific theme style changes that you have configured are what is causing the issue. I’d double check your button styles and hover states as we do not style these beyond a margin.

As you are looking to launch a marketplace business I would suggest learning a bit about basic CSS tweaks like these so that you can move forward quickly in the future. Running a WooCommerce marketplace is a complex business that requires knowledge of the running and maintenance of WordPress, WooCommerce, our plugin, your theme and any other plugins you have running. We suggest keeping your features and options to a minimum until you can ensure you need to add more.

cheers,

Jamie.