Skip to main content

FluentCart 🚀

#General

How to change default account button color?

I can't figure out where the background color is coming from for the button. The color of the font is the default link color for the website, but the background color isn't anything that the website uses.

I don't see a place for shop colors anywhere. What am I missing?

1.00

  • 2 likes
  • 2 comments

William Beem

It looks like you must use CSS. Check the developer docs to see the variables exposed for CSS.

Ryk Melck

Have a look at the following CSS. below I changed the following.
You will need to add it to your Additional CSS, child theme or just use FluentSnipptes. I prefer the snippets route pesonally. --fct-customer-dashboard-logout-btn-bg-color: #000000;
--fct-customer-dashboard-logout-btn-text-color: #FFFFFF;
----------------------------------------------------------------

:root {
--fct-customer-dashboard-primary-text-color: var(--fct-primary-text-color, #253241);
--fct-customer-dashboard-secondary-text-color: var(--fct-secondary-text-color, #565865);
--fct-customer-dashboard-title-color: var(--fct-customer-dashboard-primary-text-color);
--fct-customer-dashboard-sub-title-color: var(--fct-customer-dashboard-secondary-text-color);
--fct-customer-dashboard-text-color: var(--fct-customer-dashboard-secondary-text-color);
--fct-customer-dashboard-border-color: var(--fct-border-color, #D6DAE1);
--fct-customer-dashboard-divider-color: var(--fct-divider-color, #D6DAE1);
--fct-customer-dashboard-btn-bg-color: var(--fct-customer-dashboard-primary-text-color);
--fct-customer-dashboard-btn-border-color: var(--fct-customer-dashboard-btn-bg-color);
--fct-customer-dashboard-btn-text-color: #fff;
--fct-customer-dashboard-nav-text-color: #565865;
--fct-customer-dashboard-nav-active-text-color: #253241;
--fct-customer-dashboard-nav-active-bg-color: #F5F6F7;
--fct-customer-dashboard-nav-active-bar-color: #253241;
--fct-customer-dashboard-paginator-text-color: var(--fct-customer-dashboard-text-color);
--fct-customer-dashboard-logout-btn-bg-color: #000000;
--fct-customer-dashboard-logout-btn-text-color: #FFFFFF;
--fct-customer-dashboard-logout-btn-hover-bg-color: #F8D6CE;
}