Title: Need Help with Style Sheet Coding
Last modified: August 19, 2016

---

# Need Help with Style Sheet Coding

 *  [kfagan](https://wordpress.org/support/users/kfagan/)
 * (@kfagan)
 * [17 years, 3 months ago](https://wordpress.org/support/topic/need-help-with-style-sheet-coding/)
 * We have been playing out with our style sheet to add more spacing between paragraphs.
   When we set the margins to 10 on the style sheet, our search bar moved down and
   now is misplaced. Can you help?
 * Here’s our website:
    [http://blog.mckinleymarketingpartners.com/](http://blog.mckinleymarketingpartners.com/)
 * Here’s our code:
 * /*
    Theme Name: WordPress theme 660 Theme URL: [http://wordpress.org/](http://wordpress.org/)
   Description: A theme from Template-Help.com Collection Version: 2.6 Author: Template_Help.
   com Author URL: [http://www.Template-1Help.com/](http://www.Template-1Help.com/)*//*
   CSS Document */ *{margin:10; padding:10;} ul{list-style:none;} body{ font-family:
   arial; font-size:11px; line-height:14px; color:#3C3C3C; background:#D8D9D3;} 
   img { border:0;}
 * table, td {border-collapse:collapse;}
    table, td, img {border:0;} td, tr {vertical-
   align:top; text-align:left;}
 * /***forms*******************************************/
    input, textarea{font-family:
   Tahoma; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal;
   text-align:left;} .searching {width:263px; height:auto; color:#000000; height:
   16px; margin-right:3px; border: solid 1px #DEDEDE;} .column_center input, .column_center
   textarea { margin:3px 0 3px 0;}
 * /***end forms*******************************************/
 * .min_width {width:expression(((document.documentElement.clientWidth || document.
   body.clientWidth) < 840)? “840px” : “100%”); min-width:840px;}
    .main {width:
   840px; margin:auto;}
 * a {color:#3C3C3C; text-decoration:underline;}
    a:hover{text-decoration:none;}
 * h1 { font-size:3.09em; color:#ffffff; font-weight:normal; line-height:1.01em;
   width:auto; visibility: hidden;}
    h1 a {color:#003366; text-decoration:none;}
   h2{ font-size:1.01em;} h3 { color:#424242; font-weight:normal; font-size:1.63em;
   line-height:1.18em; padding:0 0 9px 0;} h3 a {color:#424242; font-size:1.01em;
   line-height:1.01em; text-decoration:none;} h3 a:hover {text-decoration:underline;}.
   pagetitle { padding:10px;} .center { padding:0 0 10px 0;}
 * /***global*******************************************/
 * /* Begin Images */
    p img { padding: 0; max-width: 100%; }
 * /* Using ‘class=”alignright”‘ on an image will (who would’ve
    thought?!) align
   the image to the right. And using ‘class=”centered’, will of course center the
   image. This is much better than using align=”center”, being much more futureproof(
   and valid) */
 * img.centered {
    display: block; margin-left: auto; margin-right: auto; }
 * img.alignright {
    padding: 4px; margin: 0 0 2px 37px; display: inline; }
 * img.alignleft {
    padding:0 0 28px 0; margin: 0 30px 0 0; display: inline; }
 * .alignright {
    float: right; }
 * .alignleft {
    float: left } /* End Images */
 * ul { margin:0;}
    .float{float:left; margin:0 20px 0 0;} .col{float:left;} .side_bar{
   float:left; width:202px; margin:0 -202px 0 0; position:relative;} .column_center{
   float:left; width:100%;} .indent_center { padding:4px 0 0 4px; margin:0 0 0 202px;}.
   clear{clear:both;} .w100 { width:100%;} .h100 { height:100%;} .in5 { padding-
   bottom:5px;} .in10 { padding-bottom:10px;} .in15 { padding-bottom:15px;} .in20{
   padding-bottom:20px;} /***global*******************************************/
 * .content .indent { padding:0 0 0 0;}
 * /***box*******************************************/
    .left_top{ background:url(
   images/left_top.gif) left top no-repeat;} .right_top{ background:url(images/right_top.
   gif) right top no-repeat;} .left_bot{ background:url(images/left_bot.gif) left
   bottom no-repeat;} .right_bot{ background:url(images/right_bot.gif) right bottom
   no-repeat; width:100%;}
 * .side_left{ background:url(images/side_left.gif) left top repeat-y #FFFFFF;}
   .
   side_right{ background:url(images/side_right.gif) right top repeat-y;} .side_top{
   background:url(images/side_top.gif) left top repeat-x;} .side_bot{ background:
   url(images/side_bot.gif) left bottom repeat-x;} /***box*******************************************/.
   inside_main { padding:42px 35px 41px 37px;}
 * /***header*******************************************/
    #header {width:100%;}.
   menu { background: #993366; min-height:78px; height:auto !important; height:78px;
   margin:0 0 4px 0;} .inside_menu { padding:35px 0 0 0;} .menu li { float:left;
   background:url(images/sep.gif) right 0 no-repeat; padding:0 24px 0 29px;} .menu
   li a{ font-size:1.09em; color:#FFFFFF; text-decoration:none;} .menu li a:hover{
   text-decoration:underline;} #header .row { background: url(images/fill_header.
   gif) 0 0 repeat-x #57606A;} #header .row .bg_row{ background: url(images/bg_header.
   jpg) right top no-repeat; min-height:222px; height:auto !important; height:222px;}
 * #header .block_search { padding:50px 0 0 28px;}
    #header .logo { padding:76px
   0 0 28px;} #header span { font-size:1.09em; line-height:1.45em; color:#003366;
   text-decoration:none;} /***end header*******************************************/
 * /***side_bar*******************************************/
    .side_bar .inside{}
 * /**********************************************/
    .widget_style { margin:0 0 
   3px 0; padding:23px 25px 27px 26px; background:#FBFBFB;} .widget_style h2 {font-
   size:1.63em; line-height:1.27em; color:#272727; font-weight:normal; padding:0
   0 16px 0;} .widget_style h2 a {color:#272727; text-decoration:none;} .widget_style
   h2 a:hover {text-decoration:none;}
 * .widget_style ul { margin:0 0 0 9px;}
    #categories.widget_style .children { margin:
   0 0 0 29px;} .widget_style li { font-size:1.01em; line-height:1.78em; color:#
   1FA7DB;} .widget_style li a { font-size:1.01em; line-height:1.78em; color:#1FA7DB;
   text-decoration:underline; background:url(images/arr_2.gif) no-repeat 0px 5px;
   padding:0 0 0 18px;} .widget_style li a:hover { text-decoration:none;}
 * #archives.widget_style ul { margin:0 0 0 3px;}
    #archives.widget_style li { font-
   size:1.01em; line-height:1.78em; color:#1FA7DB;} #archives.widget_style li a {
   font-size:1.01em; line-height:1.78em; color:#1FA7DB; text-decoration:underline;
   background:url(images/arr_2.gif) no-repeat 0px 5px; padding:0 0 0 13px;} #archives.
   widget_style li a:hover { text-decoration:none;}
 * #categories.widget_style { background:#F4FAFE; padding:27px 25px 20px 27px}
    #
   categories.widget_style ul { margin:0 0 0 3px;} #categories.widget_style li {
   font-size:1.18em; line-height:2.3em; color:#1FA7DB; background:url(images/sep_2.
   gif) left bottom repeat-x;} #categories.widget_style li a { font-size:1.01em;
   line-height:2.3em; color:#1FA7DB; text-decoration:none; font-weight:bold; background:
   url(images/arr.gif) no-repeat 0px 6px; padding:0 0 0 17px;} #categories.widget_style
   li a:hover { text-decoration:underline;} /**********************************************/
 * #links_with_style ul {margin:0 0 0 0; background:none;}
    #links_with_style ul
   ul h2{ margin:0 0 0 0; background:none;} #links_with_style ul li h2 { font-size:
   18px; line-height:14px; list-style:none; color:#272727; font-weight:normal; padding:
   0 0 18px 0; margin:0 0 0 0;} #links_with_style ul li ul { margin:0 0 0 3px;} #
   links_with_style ul li ul li { font-size:1.01em; color:#1FA7DB; padding:0 0 0
   0;} #links_with_style ul li ul li a{padding:0 0 0 12px;}
 * /**********************************************/
 * #calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 0px 
   0px 0;}
    #calendar_wrap caption { color:#1FA7DB; font-weight:bold; font-size:
   1.01em;} #calendar_wrap td {width:25px; text-align:right; color:#1FA7DB; font-
   size:1.11em;} #calendar_wrap td a {color:#1FA7DB;} #calendar_wrap th { color:#
   1FA7DB; text-align:right;} #calendar_wrap a {font-weight:bold;}
 * /**********************************************/
 * #tag_cloud a{ color:#000000; line-height:1.01em; text-decoration:none;}
    #tag_cloud
   a:hover{ text-decoration:underline;}
 * .post { padding:0 0 20px 0;}
    .post h3{ padding:0 0 5px 0;}
 * /**********************************************/
 * #statusbar {text-align:left; color:#000000;}
    #statusbar p {padding:5px 20px 
   20px 5px;} #statusbar a {font-weight:bold; color:#1FA7DB;} /***end side_bar*******************************************/
 * /***column_center*******************************************/
    .title { padding:
   25px 31px 0 31px; background:url(images/sep_3.gif) left top repeat-x;} .title
   span { color:#9298A3; font-size:0.9em; line-height:1.09em; float:right; padding:
   0 0 0 0;} .title span em{ font-style:normal; color:#1FA7DB; text-decoration:underline;}.
   title .date { font-size:0.9em; line-height:1.09em; color:#9298A3; background:
   url(images/pic_date.gif) 0 4px no-repeat; padding:2px 0 0 16px; margin:0 0 0 
   4px;} .text_box { font-size:1.09em; line-height:1.33em; padding:21px 31px 5px
   29px;}
 * .comments { float:right; color:#1FA7DB; font-size:0.9em; line-height:1.9em; padding:
   5px 32px 26px 30px;}
    .comments p{ background:url(images/arr_1.gif) 0 6px no-
   repeat; padding:0 0 0 16px;} .comments a { text-decoration:underline; color:#
   1FA7DB; font-size:1.01em; line-height:1.9em;} .comments a:hover{text-decoration:
   none;} /***end column_center*******************************************/
 * /*************************************/
    #recent-posts {vertical-align:top;} .
   widget_style#recent-comments li a {background:none;} #calendar {vertical-align:
   top;} #google-search {vertical-align:top;} #gsearch {text-align:left;} #pages{
   vertical-align:top;} #text-1 {vertical-align:top;} #delicious {vertical-align:
   top;} #delicious-box {text-align:left;}
 * /*************************************/
    .textwidget {padding:13px 0px 0px 0px;}
 * .oddcomment{color:#1FA7DB;}
    .commentlist li { padding:0 0 10px 0;}
 * /***footer*******************************************/
    #footer { font-family:
   tahoma; font-size:1.09em; line-height:3.01em; color:#335c85; background:url(images/
   footerBKGD.gif) 0 0 no-repeat; min-height:73px; height:auto !important; height:
   73px; } #footer .Contact {font-family: “Future Bk BT”, verdana, arial, sans-serif;
   color: #003366; font-size: 14px; padding:10px 0 0 10px;} #footer .Copyright {
   font-family: verdana, arial, sans-serif; color: #335c85; font-size: 11px; padding:
   0 0 0 10px; margin: 0; line-height:2.01em;} #footer .indent { padding: 0 20px
   0 0; float:right; line-height:2.01em; font-family: verdana, arial, sans-serif;
   font-size: 11px; } #footer a{ color:#335c85;} /***end footer*******************************************/

Viewing 1 replies (of 1 total)

 *  [bobbykjack](https://wordpress.org/support/users/bobbykjack/)
 * (@bobbykjack)
 * [17 years, 3 months ago](https://wordpress.org/support/topic/need-help-with-style-sheet-coding/#post-1016258)
 * This is not really a wordpress question. Try adjusting the padding-top on your
   search box/form. Oh, and “*{margin:10; padding:10;}” is invalid CSS – 10 what?
   If you mean ’10 pixels’, specify that: “*{margin:10px; padding:10px;}”

Viewing 1 replies (of 1 total)

The topic ‘Need Help with Style Sheet Coding’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [bobbykjack](https://wordpress.org/support/users/bobbykjack/)
 * Last activity: [17 years, 3 months ago](https://wordpress.org/support/topic/need-help-with-style-sheet-coding/#post-1016258)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics