Profile View field/row labels are unreadable

  • Resolved spbilleaud

    (@spbilleaud)


    11 years ago

    Is there any way to change the color of the field labels in the view profile page? (I am a newbie, so I wouldn’t know how to approach writing new CSS to address this issue.)

    The problems I am having are:
    –First, that the block around the titles (e.g., Name (First), Street Address)appear designed to display the title as a sort of “shadow effect.” The block and the text are virtually the same shade, however, so other than just the slightest edge at the top right, the letters just disappear into the block.
    –Second, the blocks are not wide enough to accommodate every title. For example, Street Address is too much text for the area provided and overruns the block on the right side by 3-4 letters.

    Otherwise, a beautiful theme! Please help, if you can.

    Susan

Viewing 13 replies - 1 through 13 (of 13 total)
  • Tareq

    (@worthingtech)

    Do you have an example we can look at, a screenshot/link to your site?

    Thread Starter spbilleaud

    (@spbilleaud)

    Here’s a link to a page I created including a screen capture of the issue: . The page itself can only be accessed if a registered member and logged in.

    Tareq

    (@worthingtech)

    I just mocked a user account, gimme a sec to look at your CSS then you may delete me!

    Tareq

    (@worthingtech)

    OK, copy this to your custom CSS:

    .label {
	color: #000000;
}

    You can change the value of ‘color’ to your liking (string/hex/rgb/rgba);

    Tareq

    (@worthingtech)

    If that works, you can delete my user account. Or if there’s any issue or anything else I can help with, let me know!

    Thread Starter spbilleaud

    (@spbilleaud)

    That is much better! If it is also fairly easy, do you happen to know how I can make the label “boxes” wider to fit the content?

    Thread Starter spbilleaud

    (@spbilleaud)

    Oh, and can I eliminate the “shadow” effect on the lettering that makes the text look slightly blurry?

    Thread Starter spbilleaud

    (@spbilleaud)

    Never mind about the shadow effect. I figured that one out myself. Now to widen the labels….

    Tareq

    (@worthingtech)

    Add text-shadow: none; to that .label selector I just gave you!

    I’m having a look into the boxes bit!

    Tareq

    (@worthingtech)

    Yet another property (or two) to add to that .label selector:

    min-width: 55%;
min-height: 30px

    Play around with those values to see what suits you!

    Tareq

    (@worthingtech)

    Oh, and don’t forget the semicolon after 30px – sorry I missed that bit.

    Thread Starter spbilleaud

    (@spbilleaud)

    Yes. That’s exactly what I needed! I tried several other solutions I found Googling but none of them worked. Thank you!

    Tareq

    (@worthingtech)

    Best to come to these forums first!

    We’re a helpful bunch, even if it did take a while.

    Edit:

    …and you’re welcome.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Profile View field/row labels are unreadable’ is closed to new replies.