How to edit CSS for registration & user list page?

Hi all.

The drop-down fields in the reg page show a white box unless you hover over the values and then you can see them. I was told this is a CSS issue in another thread:

(edited)

I also would like to change the font color on the field column headers on the user list page (they currently aren't readable) and place a line in between each search contact result, or have alternating row colors.

I've downloaded comprofiler.html.php and don't know what to edit and how.

I appreciate your help!!

Jessie

you have to adjust your CSS files in your site template or in your CB template located in
/templates/rt_nebulae_j16/css/
and in
/components/com_comprofiler/plugin/templates/default/template.css
ie: for your problem try something like this:
#rt-page-surround .inputbox:focus {
color: black;
}

Using CSS you can adjust colors and layout entirely. I recommend using Firebug to allow you to inspect the HTML and find what Classes and/or IDs to use in your CSS

More on CSS usage can be found at the following URL.
www.w3schools.com/css/default.asp

so when adjusting my CB template, you mentioned trying something like this:

#rt-page-surround .inputbox:focus {
color: black;
}

I'm unsure where to place that code in the template.css file to make it work. Could you please elaborate? I've attached the CB file.

Thanks so much for your guidance on this!

jessie

I just put the suggested code in the template at the top. Nothing changed on the registration

sorry i'm not an expert
you have to study CSS usage and try many times


try this (at the top or bottom is the same):
#rt-page-surround .inputbox:focus {
color: black !important;
}

bye

Thank you.