Edit Link Color on Checkout Form

[kdash1228]

File: /presta/themes/finalcart/templates/checkout/_partials/steps/personal-information.tpl

I want to edit the link colors for the checkout-guest-form links. They are currently a dark gray but I want the selected option to be a different color, so it is easier for the user to see these as options/links.

Can someone help me figure out which class to edit in the theme.css file?

I tried a few but could not get the change I want to appear.

 

For example, I want the selected option to be RED and the unselected option to be BLUE.

 

personal-information.tpl

Edited November 21, 2022 by kdash1228 (see edit history)

[JBW]

Use the inscpect function in your browser to find the correct CSS selector. Then add the correponding statement in yout themes custom.css (not theme.css)

[ps8modules]

Hi.
Do you mean Guest Checkout and Sign Into Your Account?

[kdash1228]

On 11/24/2022 at 10:58 AM, 4you.software said:

Hi.
Do you mean Guest Checkout and Sign Into Your Account?

Yes, those are the links I want to change the color for.

[Nickz]

On 11/24/2022 at 10:13 AM, JBW said:

Use the inscpect function in your browser to find the correct CSS selector. Then add the correponding statement in yout themes custom.css (not theme.css)

 

20 minutes ago, kdash1228 said:

yes, those are the links I want to change the color for.

Just follow his advice

[ps8modules]

custom.css

.nav-item .nav-link {
    color: blue !important;
}

.nav-item .nav-link.active {
    color: red !important;
    font-weight: 800;
}