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

    /* 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;
    }
    
    

     

    #31701

    Susan Nelson
    Participant
    Post count: 202

    Oops – double post.


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

    #31702

    Susan Nelson
    Participant
    Post count: 202

    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.