Blog bejegyzés és a fejléc kiszélesítése

 

A sablon szélességének növelése:

Ez az első lépés, mert ha ezt nem teszed meg, akkor az oldalsó függőleges sáv vagy oszlop a bejegyzések alá fog kerülni.

Miután megkerested az alábbit, növeld a piros részt 960-ra.

#content-wrapper {

  width: 760px;

  margin: 0 auto;

  padding: 0 0 15px;

  text-align: $startSide;

  background-color: $mainBgColor;

  border: 1px solid $borderColor;

  border-top: 0;

}

A bejegyzés területének kiszélesítése:

A piros rész értéke legyen 660.

#main-wrapper {

  margin-$startSide: 14px;

  width: 464px;

  float: $startSide;

  background-color: $mainBgColor;

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

}

Fejléc kiszélesítése:

A piros rész értéke legyen 960. Így a fejléc és a sablon szélessége megegyezik.

#header {

width: 760px;

margin: 0 auto;

background-color: $headerBgColor;

border: 1px solid $headerBgColor;

color: $headerTextColor;

padding: 0;

font: $headerFont;

}