• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to make button slimmer

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: not resolved

Tagged: css, design

  • This topic has 3 replies, 2 voices, and was last updated 12 years, 2 months ago by Brad Dalton.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 4, 2013 at 4:07 pm #33203
    rick4him
    Member

    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!

    April 4, 2013 at 4:17 pm #33205
    Brad Dalton
    Participant

    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.


    Tutorials for StudioPress Themes.

    April 4, 2013 at 4:21 pm #33206
    rick4him
    Member

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

    April 4, 2013 at 4:26 pm #33207
    Brad Dalton
    Participant

    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/


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble