WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] Profile View field/row labels are unreadable (14 posts)

  1. spbilleaud
    Member
    Posted 4 months 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

  2. Tareq
    Member
    Posted 4 months ago #

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

  3. spbilleaud
    Member
    Posted 4 months ago #

    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.

  4. Tareq
    Member
    Posted 4 months ago #

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

  5. Tareq
    Member
    Posted 4 months ago #

    OK, copy this to your custom CSS:

    .label {
    	color: #000000;
    }

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

  6. Tareq
    Member
    Posted 4 months ago #

    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!

  7. spbilleaud
    Member
    Posted 4 months ago #

    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?

  8. spbilleaud
    Member
    Posted 4 months ago #

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

  9. spbilleaud
    Member
    Posted 4 months ago #

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

  10. Tareq
    Member
    Posted 4 months ago #

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

    I'm having a look into the boxes bit!

  11. Tareq
    Member
    Posted 4 months ago #

    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!

  12. Tareq
    Member
    Posted 4 months ago #

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

  13. spbilleaud
    Member
    Posted 4 months ago #

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

  14. Tareq
    Member
    Posted 4 months ago #

    Best to come to these forums first!

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

    Edit:

    ...and you're welcome.

Reply

You must log in to post.

About this Theme

About this Topic