eNews and Update Widget

Community Forums Forums Design Tips and Tricks eNews and Update Widget

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Susan Nelson 1 year, 7 months ago.

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

    choikh
    Participant
    Post count: 22

    I want to make some separation of the eNews and Update Widget box.

    Now it seems too tight. How should I modify the code?

    My Site Here

    [code]
    /* eNews and Update Widget
    ------------------------------------------------------------ */

    #subscribe {
    margin: 15px 0 0;
    }

    #header #subscribe {
    margin: 0;
    }

    .enews #subbox {
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #777;
    margin: 0 4px 0 0;
    padding: 8px 10px;
    width: 155px;
    }

    .enews #subbox1 {
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #777;
    margin: 0 4px 0 0;
    padding: 8px 10px;
    width: 155px;
    }

    #header .enews #subbox {
    width: 315px;
    }

    #header .enews #subbox1 {
    width: 315px;
    }

    [/code]

     

    #31701

    Susan Nelson
    Participant
    Post count: 207

    Oops – double post.


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

    #31702

    Susan Nelson
    Participant
    Post count: 207

    Try changing the margins in this section:

    .enews #subbox {
        -moz-box-shadow: inset 0 1px 2px 1px #eee;
        -webkit-box-shadow: inset 0 1px 2px 1px #eee;
        background-color: #fff;
        border: 1px solid #b2b2b2;
        box-shadow: inset 0 1px 1px 1px #eee;
        color: #777;
        margin: 0 4px 0 0;
        padding: 8px 10px;
        width: 155px;
    }

    I tried margin: 10px 4px 10px 0; and it looked pretty good.


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

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

You must be logged in to reply to this topic.