css 将Enfold Theme的默认列间距覆盖为30px top / bottom / left / rigth。

Posted 2021-05-13

/* Columns
 *
 * Overwrites the default 
 * enfold column gutter 
 * spacing to add a gap of
 * 30px
 * 
 * Author: Zeshan Ahmed
 * Author URL: http://www.zeshanahmed.com/
 * 
 */
/* ===================== */

body .column-top-margin {
  margin-top: 30px;
}
div .av_one_fifth {
  margin-left: 3%;
  width: 17%;
}
div .av_one_fourth {
  margin-left: 3%;
  width: 22%;
}
div .av_one_third {
  margin-left: 3%;
  width: 30.33%;
}
div .av_two_fifth {
  margin-left: 3%;
  width: 38.5%;
}
div .av_one_half {
  margin-left: 3%;
  width: 48.5%;
}
div .av_three_fifth {
  margin-left: 3%;
  width: 58.5%;
}
div .av_two_third {
  margin-left: 3%;
  width: 66.666667%;
}
div .av_three_fourth {
  margin-left: 3%;
  width: 75%;
}
div .av_four_fifth {
  margin-left: 3%;
  width: 80%;
}
div .av_one_sixth {
  margin-left: 3%;
  width: 14.16%;
}
div .av_one_seventh {
  margin-left: 3%;
  width: 11.71%;
}
div .av_one_eighth {
  margin-left: 3%;
  width: 9.876%;
}
div .av_one_nineth {
  margin-left: 3%;
  width: 8.446%;
}
div .av_one_tenth {
  margin-left: 3%;
  width: 7.3%;
}