Button Color on Customer Account Pages not changing to match theme.

[kxtiegraxe]

Hi everyone, 

For some unknown reason, the buttons on my Customer Account pages are not changing to match the theme settings. I have tried inputting the custom css which allowed me to change the button color but still leaves this ugly yellow outline/border. I tried inputting multiple custom css for button shadow, ouline etc. NOTHING. 

PLEASE HELP!!!

[ThePrimeWeb]

Hey @kxtiegraxe,

Can you share the preview link to this store?

[kxtiegraxe]

Okay, I am not very tech savvy how do I do that. The website is live, so you can go on to see it at hellohailey.shop

Do you need something different. 

Also there is an update to the theme, is there a chance this may fix this? If I update will it change anything I have done?

[ThePrimeWeb · Accepted solution]

That's alright, 

Just add this CSS in that textbox also along with the existing CSS that you have already added.

button:after {
    display: none !important;
}

I don't think the update will fix anything. If this was the intended behaviour by the theme, then I don't think it'll change, but if it's a genuine bug, then maybe it will. I can't tell to be honest. 

[kxtiegraxe]

IT WORKED YOU ARE A LIFE SAVER, thank you so much. 

Out of curiosity, can you explain how/why that worked? 

[ThePrimeWeb]

:before and :after are pseudo elements in CSS. So sometimes, instead of just adding a border on the button itself, you can create a pseudo element in the button and add a border on that. This isn't a norm or a standard, it's upto a developer to decide whether to add the border directly to a button or to a pseudo element in a button depending on the use case. What I basically did was remove the pseudo element from view.

[kxtiegraxe]

Okay, while I have your assistance,  on the capthca page, there is another yellow button here, but it doesnt give me the option to insert the custom css you provided to make the button color change. Can you help with this as well?

[ThePrimeWeb]

What's the link to the captcha page?

[kxtiegraxe]

I cannot seem to access the link to the page, its just one of those captcha verifications, I tried creating a new test account to access the link but it  didnt ask for verification. Is there a way to copy the link from the theme editor?

[ThePrimeWeb]

That would be difficult. You can try to click the 3 dots on the top right after the green "Live" button and preview to see if it comes up in the same link, but if it doesn't then I don't think I can do anything.