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 1 year, 6 months ago.

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

    rick4him
    Participant
    Post count: 128

    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: http://noahsdad.com/test/

    Thanks!

    #33205

    braddalton
    Participant
    Post count: 10202

    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%.
    [css]
    input, select, textarea {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 5px #DDDDDD inset;
    padding: 1rem;
    width: 80%;
    }
    [/css]
    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.


    #33206

    rick4him
    Participant
    Post count: 128

    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?)

    #33207

    braddalton
    Participant
    Post count: 10202

    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. http://wordpress.org/extend/plugins/advanced-code-editor/


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

You must be logged in to reply to this topic.