Change Field Text Colour | Support Questions | Support Forum

A A A

Please consider registering
guest

sp_LogInOut Log In sp_Registration Register

Register | Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed Topic RSS sp_TopicIcon
Change Field Text Colour
July 3, 2017
7:44 am
Azarna
Member
Members
Forum Posts: 5
Member Since:
July 3, 2017
sp_UserOfflineSmall Offline

Hi.  I am using a vanilla AWPCP on the latest Wordpress.  The text in all the field boxes is white on a white background, meaning no one can see what they are typing in.

All I want to do is set the field text to black, so it is readable (and the text in the payment plan box, which I assume is controlled by the same CSS)

I am using a child theme and could overide with CSS – if I knew what the field text was called.

I am sorry to be asking such a basic thing, but could not find an option to change the colours in the settings.  I have also googled but found nothing about this situation (which surely is quite common).

Please can anyone help.  I would be very grateful.

July 5, 2017
10:16 am
AWPCP Support
Moderator
Members

Moderators
Forum Posts: 4543
Member Since:
September 4, 2013
sp_UserOfflineSmall Offline

Hi Azarna,

You should be able to achieve this using custom CSS. Here is an article regarding using custom styling with AWPCP https://awpcp.com/forum/faq/how-to-use-custom-styles-with-awpcp/

July 10, 2017
4:06 am
Azarna
Member
Members
Forum Posts: 5
Member Since:
July 3, 2017
sp_UserOfflineSmall Offline

Thank you, but that link doesn’t have the answer to my question.

I know I can do it with CSS in my child theme – the problem is I have no idea what the actual element is called, ie what CSS code I use.

I do not know what the field text is called so I can change the colour.  Please can you tell me?

July 10, 2017
4:07 am
Azarna
Member
Members
Forum Posts: 5
Member Since:
July 3, 2017
sp_UserOfflineSmall Offline

I tried finding the CSS with Firebug but the thing I thought was right, clearly wasn’t. 

July 10, 2017
4:15 am
Azarna
Member
Members
Forum Posts: 5
Member Since:
July 3, 2017
sp_UserOfflineSmall Offline

Firebug indicated the element name was “.main-color input[type=”text”]”

So i tried adding:

.main-color input[type=”text”]{
    color: #000000;
}

 

but nothing happened at all.  Please tell me the correct top line for this, the correct element name.

July 11, 2017
11:07 pm
AWPCP Support
Moderator
Members

Moderators
Forum Posts: 4543
Member Since:
September 4, 2013
sp_UserOfflineSmall Offline

Hi Azarna,

Here is another article that should assist you with this https://awpcp.com/documentation/customization-guide/

Firebug will help you target the elements and determine the CSS selector to create to target that. If you’re having issues with that, we suggest that you hire WPCurve to help with it – this is exactly what they are good at.

July 17, 2017
3:30 am
Azarna
Member
Members
Forum Posts: 5
Member Since:
July 3, 2017
sp_UserOfflineSmall Offline

Why can you not just tell me the name of the element?  It seems like such a simple request.  You keep giving me links to pages which do not answer this single, simple question.  I KNOW I need to use CSS.  I just want to know the name of the element, that is all, please.

Glad I didn’t invest in the extensions for this plugin before discovering tihs problem.  I guess I will have to find another plugin.

July 19, 2017
12:16 am
AWPCP Support
Moderator
Members

Moderators
Forum Posts: 4543
Member Since:
September 4, 2013
sp_UserOfflineSmall Offline

Hi Azarna,

I’m sorry that this was frustrating to you here. The reason that it’s not a straightforward answer as to how to change the element is that the theme you’re using will add some CSS into the hierarchy, so telling you to use X would not work because it would either be too broad, or incorrect. That’s why we suggest using Firebug or Chrome Dev Console. When you use that, and click on the “Select by clicking the element”, you’ll get the EXACT CSS selector you want to target by clicking on the element directly. It’s much more accurate and makes it very easy to then copy the CSS into your custom CSS file and change it.

Forum Timezone: America/Denver

Most Users Ever Online: 163

Currently Online:
21 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Johnny B: 140

godie: 120

laburke: 94

NAIN KHAN: 93

salvig67: 84

kerdezo: 84

rude: 72

purplepaula: 72

gery: 71

WAYTOBAYWTB52: 71

Member Stats:

Guest Posters: 28

Members: 36842

Moderators: 2

Admins: 2

Forum Stats:

Groups: 1

Forums: 4

Topics: 6554

Posts: 29488

Newest Members:

Mike Wilson, Melanie, andrea salis, Chardon, Mareks, Grégoire, Alex, bassam, antu lal, Lynn Kocal

Moderators: awpcp: 7530, AWPCP Support: 4543

Administrators: wpengine: 0, awpcp: 298

Skip to toolbar