Change textarea background

  • Resolved staceystar5

    (@staceystar5)


    7 years, 2 months ago

    I need to change the background colour of my textarea, where the users will fill out their information before purchasing tickets. Currently, it is set to a white background with white text (you see the issue here). I’ve gone in and changed the css in the plugin editor, but it isn’t making a difference. Please help. I can’t go live with this until this is resolved. Thank you for your assistance.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • I took a quick look and don’t see any white text hidden on the page. Could you highlight where it is? The Attendee info is currently white text on teal.

    • This reply was modified 7 years, 2 months ago by JD.
    Thread Starter staceystar5

    (@staceystar5)

    Thanks for taking a look, JD.
    Upon diving deeper, I think the issue is with the plugin “Event Tickets Pro”. You’ll see in this when you click on the tickets (as though you are going to purchase). When you fill out your name, email, etc., you’ll see those form fields are white on white.
    Using developer tools with Chrome, I see that I can make the change in the plugin CSS, but when I do, it doesn’t make a difference. ?? So, I’m wondering if there is another piece of CSS somewhere that I should be looking at.

    Nothing like a teeny issue to make one cross-eyed. LOL

    On my screen they are actually white on blue. Not a problem though I’m sure I can provide you with some code to correct that…

    In your sites styles css (this can be found through wordpress in Appearance > Editor) add the following code:

    .tribe-events-tickets input[type=date], .tribe-events-tickets input[type=datetime-local], .tribe-events-tickets input[type=email], .tribe-events-tickets input[type=month], .tribe-events-tickets input[type=number], .tribe-events-tickets input[type=password], .tribe-events-tickets input[type=search], .tribe-events-tickets input[type=tel], .tribe-events-tickets input[type=text], .tribe-events-tickets input[type=time], .tribe-events-tickets input[type=url], .tribe-events-tickets input[type=week], .tribe-events-tickets select, .tribe-events-tickets textarea {
    background: rgba(0,0,0,0.1);
    color: rgba(0,0,0,1);
    }

    Just in case you’re not familiar with CSS the big chunk at the top is your classes, ids and tags that govern the background color. The parts between the {} are the background color and text color changes you’ll be altering. RGBA is the color profile I generally work in with CSS. I hope this helps.

    Thread Starter staceystar5

    (@staceystar5)

    For crying out loud. That was the change I was making in the plugin CSS (the blue background). I needed to clear cache, maybe? I see it now.
    I can’t thank you enough for your help! You rock!!

    Clifford Paulick

    (@cliffpaulick)

    Glad to hear you’re sorted out, and thanks to @jdcutter for helping others ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change textarea background’ is closed to new replies.