התאמות נפוצות לפרטי פורטפוליו / עמוד פורטפוליו

יש להשתמש בקוד הבא כדי להעביר את הפריטים למבנה של Relative במקום Absolute:

.portfolio_group.grid .portfolio-item {
  position:relative !important;
  float:right !important;
  right:0px !important;
  top:0px !important;
}

קוד נוסף שיוצר את המבנה (מעודכן):

.portfolio_group.grid.col-2 .portfolio-item {
  right:auto !important;
  top:auto !important;
  position:relative !important;
  margin-bottom:20px !important;
}
	.portfolio_group.grid .portfolio-item {
  margin:0 0.5% !important;
}
.portfolio_group.grid.col-2 .portfolio-item {
	width:48.99% !important;
}

לבסוף, כדי למנוע את באג ה"קפיצה" של הפריטים, יש להשתמש בקוד הבא:

.portfolio_group .portfolio-item {
  position:relative !important;
  top:0px !important;
  right:0px !important;
  transform:none !important;
}

כדי לסגנן את הפריטים הנוספים (יכול לעניין אותך גם) – יש להשתמש בקוד ה-CSS הבא:

.section-post-related .post-related .image_frame {
  margin-right:0px;
}
.section-post-related .post-related .date_label {
  display:none;
}
.section-post-related .post-related hr {
  display:none;
}
.section-post-related .post-related h4 {
  text-align:center;
}
.section-post-related .post-related a.button {
  margin:0 auto;
  float:none;
}
.section-post-related .desc {
  text-align:center;
}

לביטול האנימציה (זום אין) בסלולר, יש להשתמש בקוד הבא:

.if-overlay .image_frame:hover .image_wrapper img, .if-overlay .image_frame.hover .image_wrapper img {
  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.image_frame .image_wrapper .mask::after {
  background:transparent !important;
}