404 page - button text color

Store Design
, , ,
1

Hi all, how would i go about changing the button text color on my 404 page? Currently, it is black text on a red background.

url :

pass:

test!!

2

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.template-404.page-width .button { 
    color: #fff !important;
}

Thanks

3

Hi @vvyan ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

BSSCommerceB2B_0-1724346913461.png
BSSCommerceB2B_0-1724346913461.png400×195 26.3 KB

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.template-404.page-width.page-margin.center a.button {
    color: white !important;
}

In this step, you can change the color of button on your 404 page as you want.

In example, I choose white.

Step 3: Save and reload home page.

=>> The result:

BSSCommerceB2B_1-1724346989261.png
BSSCommerceB2B_1-1724346989261.png1918×992 53.5 KB

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

4

thank you so much this worked great! :smiley:

5

Dear my friend @vvyan ,

We’re happy to see that our suggestion helped you solve the issue.

:heart_eyes: It’s such my honor to help you, bro!

Can you kindly give us some likes? This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.

Thanks in advance.