Customizing buttons

  • jason102178

    (@jason102178)


    12 years, 9 months ago

    Hi Austin,

    I was hoping you could shed some light on how to accomplish this, i thought this would be the best way but i guess not…

    I am trying to change the color of the login, register, and forgot password buttin….

    before i just edited the wp-login.php but thats never a good thing to edit core files since every time wordpress is updated it gets overwritten…

    anyways i thought this would work by adding it to custom login

    i added this for the button for login in the html

    `<p class=”submit1″><input id=”wp-submit” class=”btn red” type=”submit” tabindex=”100″ value=”Register” name=”wp-submit”></p>

    then i added custom css code and i thought it would add it to the login box, but everything i added ended up outside the login box area…

    if you have any suggestions i would appreciate it the button color i am trying to change it to is red with some gradient and an overlay, i have a sample of what my button should look like on my website….

    I thought it might be easier but has proven to be quite hard

    http://ww.wp.xz.cn/plugins/custom-login/

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

    (@jason102178)

    12 years, 9 months ago

    the code i use to customize buttons is a little lengthy so i will only post a little of what i have that i use for custom css

    a.red,input.red[type=”submit”] {border:1px solid #7C0000;text-shadow:0 -1px 0 #666;background:#b23737;

    .btn {padding:7px 15px 6px;color:white !important;text-align:center;text-decoration:none !important;font:bold 12px/16px Arial, Helvetica, sans-serif;cursor:pointer;-webkit-border-radius:5px;

    from a post that i red earlier it says somthing about
    changing the .login

    Thread Starter jason102178

    (@jason102178)

    12 years, 9 months ago

    I know this might be a lot to ask of you, Html and css is not really my strong suite so I need a little help if you could provide with me the code I need to change the login, registration, lost password buttons that would be great

    here is how I am trying to get my buttons to look like, their a gradient red, with a shadow over lay if you put the cursor over it..

    https://jaysonberger.com/magic-jack-feed-back/contact-us/

    Plugin Author Austin

    (@austyfrosty)

    12 years, 9 months ago

    HTML is only added after the login box (it’s the only provided hook). You can however move it with some custom jQuery.

    Takea look at the element you are targeting and check the corresponding CSS to match it’s override.

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

The topic ‘Customizing buttons’ is closed to new replies.