How to edit CSS for registration & user list page?

12 years 10 months ago - 12 years 10 months ago #166277 by uppaway
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

Please Log in to join the conversation.

12 years 10 months ago #166402 by tinetto
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

Please Log in to join the conversation.

12 years 10 months ago #166428 by uppaway
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

Please Log in to join the conversation.

12 years 10 months ago #166535 by uppaway
I just put the suggested code in the template at the top. Nothing changed on the registration :(

Please Log in to join the conversation.

12 years 10 months ago #166625 by tinetto
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

Please Log in to join the conversation.

12 years 10 months ago #166804 by uppaway
Thank you.

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.532 seconds

Facebook Twitter LinkedIn