איזון והזזה של מיקומי הווידג'טים בסרגל התחתון (פוטר)

לפעמים הווידג'טים (בייחוד בעת שילוב דף פייסבוק או תמונות) זזים ימינה או שמאלה מדי, בסרגל התחתון. על מנת לבצע תיקונים עדינים, יש להשתמש בקוד הבא: – (כל שורה פועלת בנפרד)

@media (min-width: 1001px) { /*-----ai---------Start Non-Mobile-Range-----------*/
.widgets_wrapper .column.one-fourth:first-child { 
position:relative; 
right:0px 
} 
.widgets_wrapper .column.one-fourth:nth-child(2) { 
position:relative; 
right:-40px 
} 
.widgets_wrapper .column.one-fourth:nth-child(3) { 
position:relative; 
right:-20px 
} 
.widgets_wrapper .column.one-fourth:nth-child(4) { 
position:relative; 
right:0px 
}
} /*-----ai---------End Non-Mobile-Range-----------*/

להסתרת הרקע של הווידג'ט של התפריט, ניתן להשתמש בקוד הבא:

#Footer .widget_nav_menu ul {
 background:none;
}

להקטנת התמונה בווידג'ט של התמונה, ניתן להשתמש בקוד הבא:

#Footer .widget_media_image img {
 width:90%;
 margin-bottom:10px;
}

למבנה של 3 עמודות בפוטר, יש להשתמש בקוד הבא:

@media (min-width: 1001px) { /*-----ai---------Start Non-Mobile-Range-----------*/
.widgets_wrapper .column.one-third:first-child {
 position:relative;
 right:0px
}
.widgets_wrapper .column.one-third:nth-child(2) {
 position:relative;
 right:-40px
}
.widgets_wrapper .column.one-third:nth-child(3) {
 position:relative;
 right:-20px
}
} /*-----ai---------End Non-Mobile-Range-----------*/

להתאמה של עמודות הסרגל התחתון ברזולוציות הלאפטופ, אפשר להשתמש בקוד הבא:

.widgets_wrapper .column.one-third:nth-child(2) {
  left:40px;
  padding-right:30px;
  box-sizing:border-box;
}
.widgets_wrapper .column.one-third:nth-child(3) {
  left:40px;
  padding-right:30px;
  box-sizing:border-box;
}