Post by jake3 » Sat Mar 25, 2017 5:38 am

When an option is made "required", you cannot checkout before fulfilling the requirements for that option first.

If checkout is clicked before selecting from the required field of options, that field's text color turns brown-red and the phrase "(option name) required!" appears below that field

I want to change it to red, and / or add a light pink background-color around the text to make it more obvious to the customer what they did wrong

where is this formatting located?

Newbie

Posts

Joined
Fri Feb 17, 2017 4:15 am

Post by cyclops12 » Sat Mar 25, 2017 5:17 pm

Add this

Code: Select all

#product .text-danger {
    color: #a94442;
}
to the bottom of your stylesheet.css file and format it however you want, this will only affect product pages

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by parkookk » Thu Feb 08, 2024 9:23 pm

Hi, and how to change the message itself? I need to add ↑ keyboard symbol at the end so that it looks like eg:
"T-Shirt Size required! ↑"

User avatar
Active Member

Posts

Joined
Thu Jan 17, 2013 11:56 pm
Location - london

Post by by mona » Thu Feb 08, 2024 9:32 pm

Not best practice but one solution in css

Code: Select all

#product .text-danger:after {
  content: " ↑";
}

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am
Who is online

Users browsing this forum: Amazon [Bot] and 2 guests