Is it possible to change the look of Post Comment/Search buttons?

  • Hey, everyone…

    I was wondering if it’s possible to change the look of the various buttons on my blog (Post Comment, Search, etc.). I’m under the impression that these are images, and I could potentially change the image using custom CSS, but I’m not sure how to go about doing this. What I really want is to be able to change the hover color of these buttons from orange to the blue that I am using throughout the rest of my blog.

    I’m pretty sure I know the CSS well enough to do this, but I cannot for the life of me figure out what the tags (or whatever they’re called in CSS) are for these buttons so I can change them. Any help would be greatly appreciated.

    (http://hlindskold.wordpress.com/)

    The blog I need help with is: (visible only to logged in users)

  • The way those are done, it sort of leaves it up to the browser and the OS. In other words, the buttons are oblong, rounded end on a Mac, and different on a Windows Machine.

    You can stylize them. I did this by just adding a background color for #submit.

    Before (Mac): http://flippintestblog.files.wordpress.com/2011/02/before.png
    After (Mac): http://flippintestblog.files.wordpress.com/2011/02/after.png

    #submit {background-color:wheat; }

    Using a background image is tricky since the length of the button has to expand depending on what text it has in it.

  • And actually, the #submit you will not find in the CSS. It is called out in the source code, but it does not have specific styling. It leaves that up to the browser and the OS. At least it is included in the HTML which means it can be styled.

    I don’t know what the buttons look like on Windows, or what the above code will do to them when viewed on Windows machines.

  • Thank you! I’ll give it a shot and see what happens. I appreciate you taking the time to respond.

  • The topic ‘Is it possible to change the look of Post Comment/Search buttons?’ is closed to new replies.