התאמות נפוצות לאלמנט הבלוג (Blog)

התאמות נפוצות לאלמנט הבלוג – האלמנט ששולף פוסטים ב-BeTheme, להלן קודי ה-CSS:

לשינויים במבנה אלמנט הבלוג, יש לעיין ב-עריכה של מבנה אלמנט הבלוג

הסתרת הקישורים המרחפים

.post-item .image_frame .image_wrapper .image_links.double {
 display:none;
}

ריכוך אפקט ה-Zoom-In

.if-overlay .post-item .image_frame:hover .image_wrapper img, .if-overlay .post-item .image_frame.hover .image_wrapper img {
 -webkit-transform: scale(1.05);
 -moz-transform: scale(1.05);
 -o-transform: scale(1.05);
 transform: scale(1.05);
}

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

.if-overlay .post-item .image_frame:hover .image_wrapper img, .if-overlay .post-item .image_frame.hover .image_wrapper img {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}

ביטול הכהיית התמונה

.post-item .image_frame:hover .image_wrapper .mask:after, .post-item .image_frame.hover .image_wrapper .mask:after {
 opacity:0;
}

פיצול אלמנט הבלוג ל-2 עמודות (יש לבחור Classic) וניתן להשתמש בקוד ה-CSS הבא:

.split .post-item {
 width:50%;
 padding-left:40px;
 box-sizing:border-box;
}

הסתרת הפס והאייקון של הקרא עוד:

.blog1 .post-footer {
 background:transparent;
}
.blog1 .post-links {
 border-right:0px !important;
}
.blog1 .post-links .icon-doc-text {
 display:none;
}

הוספת רקע (כפתור) של קרא עוד:

.blog1 .post-item a.post-more {
 background-color:#fd5401;
 padding:15px;
 color:white;
 padding-right:50px;
 padding-left:50px;
}
.blog1 .post-footer {
 overflow:visible;
}

עיגולי פינות לכפתור:

.blog1 .post-item a.post-more { 
border-radius:30px 0;
}

הזזת הכפתור (קרא עוד) לימין:

.blog1 .post-item .post-links {
 float:right;
 padding-right:0px;
 position:relative;
 right:-15px !important;
 top:35px;
}

מרווחים בין התמונה והטקסט / כותרת:

.blog1 .post-desc {
 padding-right:45px;
}