Newsletter – Metro Theme

Community Forums Forums Design Tips and Tricks Newsletter – Metro Theme

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  keylimedigitaldesigns@gmail.com 1 year, 9 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #23246

    keylimedigitaldesigns@gmail.com
    Participant
    Post count: 28

    Hi :)

    I love the new Metro theme! I like the newsletter signup form but I am wanting to customize it a little. Instead of having the “go” button under the email input box I would like it to be next to the input box. So that it doesn’t take up as much space (height) on the sidebar. How would I do that?? I tried using firefox and figuring it out but couldn’t get the button to “float” up to be next to the input area.

     

    http://www.keylimeblog.com/

    Thanks!

    Kendra

    #23267

    braddalton
    Participant
    Post count: 10587

    You’ll find the CSS declarations in these code snippets will enable you to style the eNews widget. http://www.studiopress.com/forums/topic/couple-of-metro-related-questions/

    Depending on where you want it styled, you may need to change the selectors as the code relates to the header right widget area.

    Here’s the code for the sidebar eNews widget.
    [css]
    .sidebar .enews-widget input { width: 70%; }

    .sidebar .enews-widget input[type="submit"] {
    float: right;
    margin: 0 auto;
    width: 30%;
    }
    [/css]

    Then use this code to modify the input box text http://my.studiopress.com/snippets/search-form/


    #23463

    keylimedigitaldesigns@gmail.com
    Participant
    Post count: 28

    Thank you much! Code worked great! Resolved! :)

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

You must be logged in to reply to this topic.