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

התאמות לכפתור "קרא עוד":

.blog_slider .blog_slider_ul li .item_wrapper a.button {
  margin-right:0px;
  background-color:#f5f5f5;
  color:#201b6d !important;
}
.blog_slider .blog_slider_ul li .item_wrapper a.button .icon-layout:before {
  content:'\e81d';
}
.blog_slider .blog_slider_ul .button.has-icon .button_label:after {
  content:'\e8b9' !important;
  font-family:'mfn-icons';
  padding-right:8px;
}

כללי – כל ההתאמות:

.blog_slider .date_label {
 display:none;
}
.blog_slider .blog_slider_ul li .item_wrapper .image_frame {
 margin-left:0px;
}
.blog_slider_header .slider_prev {
  float:left !important;
  position:relative;
  left:-60px;
}
.blog_slider_header .slider_next {
  float:right !important;
  position:relative;
  right:-60px;
}
.blog_slider_header .slider_navigation {
  width:100% !important;
  display:block;
  position:absolute;
  top:150px;
}

כולל הסתרת התאריך, סידור החיצים, והורדתם למטה.

סידור החיצים והורדתם למטה:

/*התאמות ויישור החיצים*/
.blog_slider .blog_slider_header a.slider_next {
 right: 0px;
 left: initial;
 margin-right:8px;
}
.blog_slider .blog_slider_header a.slider_prev {
 left: 0px;
 right: initial;
 margin-left:8px;
}
/*הורדת החיצים לצדדים*/
.blog_slider .blog_slider_header a.slider_prev {
 left:-80px !important;
top:170px;}
.blog_slider .blog_slider_header a.slider_next {
 right:-80px !important;
top:170px;}
.blog_slider_header {
 overflow:visible !important;
}

הסתרת תאריך הפרסום המרחף

.blog_slider .date_label {
 display:none;
}
.blog_slider .blog_slider_ul li .item_wrapper .image_frame {
 margin-left:0px;
}

הסתרת הקו התחתון

.blog_slider .desc hr {
 display:none;
}

מירכוז כותרת פרויקטים

.blog_slider .desc h4 {
 text-align:center;
}

ביטול אפקט ה-Zoom In

.blog_slider .image_frame:hover .image_wrapper img {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}

מירכוז כפתור קרא עוד

.blog_slider .blog_slider_ul li .item_wrapper a.button {
 margin:0 auto !important;
 float:none !important;
 display:block;
 width:150px;
}

החלפת האייקון של כפתור הקרא עוד (חץ)

.blog_slider .desc .icon-layout:before {
 content:'e8b9';
}
.blog_slider .desc span, .blog_slider .desc i {
 position:relative;
 right:-5px;
}
x
סייען נגישות