יש כמה התאמות נפוצות לסליידר של הפרסומים בבלוג, קודי ה-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; }