Styling of Lost Password text box

  • Resolved chantaspell

    (@chantaspell)


    7 years, 8 months ago

    Hi
    I’m working on restyling the wordpress login page. I know there are plugins available, but I don’t much like what they do and I want to write my own. From various blog posts I’ve come up with a the PHP for a plugin that restyles the background colour of the page, changes the logo, and changes the URL the logo links to. But one problem has totally evaded me. When someone clicks the lost password link, they are taken to a page that invites them to input username and password and click “get new password”. The box with the instruction in it is white (or off-white) and has a blue stripe down the left hand edge. How one earth do I get rid of the blue stripe? I can’t manage to find any css that controls the styling of the box, and it ruins my colour scheme! Any ideas?
    Many thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter chantaspell

    (@chantaspell)

    Forgot I could attach a pic of what I’m talking about….would have been quicker!

    lost password page style

    a quick check with a browser inspection tool would have shown this as the responsible selector:

    .login .message

    no idea how you are going to add this, as you haven’t mentioned how you are styling your login.

    Thread Starter chantaspell

    (@chantaspell)

    Hi Thanks for the reply.

    Actually, I have just solved the problem. Basically (I should have been clearer.) yes, the inspection tool showed .login and .message, but I couldn’t tell what was actually setting the colour of that box. Nothing seemed to correspond to it (I’ll freely admit I’m no good at finding my way round Chrome inspection tool). Just going back to it now to explain my question a little more and I find what must have been staring me in the face for hours:

    `.login #login_error, .login .message {
    border-left: 4px solid #00a0d2;`

    You live and learn I guess. Should be pretty easy to slot into my plugin…I’ll worry about that tomorrow.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling of Lost Password text box’ is closed to new replies.