How to make button slimmer

Community Forums Forums Design Tips and Tricks How to make button slimmer

This topic is: not resolved

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  braddalton 2 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #33203


    I”m trying to make the “go” button for the email sign up slimmer and look “better” than how it looks now. Any thoughts on how to make it look better?  I”m thinking make not as tall, and wider…if that makes sense? What css would I use to do that?

    Here’s the link:




    Why don’t you display it inline with the box on the right hand side?

    Around line 1348 of your child themes style.css file, change the width to 80%.

    input, select, textarea {
        background-color: #F5F5F5;
        border: 1px solid #DDDDDD;
        box-shadow: 0 0 5px #DDDDDD inset;
        padding: 1rem;
        width: 80%;

    Look’s good in Firebug.

    You seem to have a few small CSS errors on your site including the RSS button in your menu’s social buttons and Google custom search which i know happens sometimes.



    Thanks for your help! Is there something I can do in my custom.css without having to go in my child theme? (Meaning my css that appears in my wordpress dashboard where I can override changes?)



    Yeah but there’s no line numbers to find the code so you’ll need to search for it.

    You can install a plugin to display line numbers in your wordPress file editor.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.