actual-blogs-CSS-horisontal-whats-new-block-code

---

Контейнер блок CSS КЛАСС = HorizontalWhatsNew ================== Ниже код добавить в Custom CSS dESIGN. ===== /* ------ HORIZONTAL WHATS NEW FEED ------ */ #PageWrapper .HorizontalWhatsNew .WhatsNew { padding-left: 0% !important; padding-right: 0% !important; border: 0; } .HorizontalWhatsNew div.WhatsNew { width: 100% !important; } #PageWrapper .HorizontalWhatsNew .WhatsNew h2 { border-radius: 3px; margin-bottom: 5px; } #PageWrapper .HorizontalWhatsNew .WhatsNew h2 a { text-decoration: none !important; } #PageWrapper .HorizontalWhatsNew .WhatsNew h2 a:hover { color: #b9d3e4; } #PageWrapper .HorizontalWhatsNew .WhatsNew ol { text-align: center; } #PageWrapper .HorizontalWhatsNew .WhatsNew ol li { display: inline-block; padding: 10px 2%; border: none; margin: 0; width: 20.5%; vertical-align: top; border-radius: 3px; text-align: left; } @media only screen and (max-width: 850px) { #PageWrapper .HorizontalWhatsNew .WhatsNew ol li { padding: 10px 2%; width: 45.5%; } } @media only screen and (max-width: 550px) { #PageWrapper .HorizontalWhatsNew .WhatsNew ol li { padding: 10px 2%; width: 96%; background: transparent !important; border-bottom: 1px solid #ccc; } } #PageWrapper .HorizontalWhatsNew .WhatsNew ol li:hover { background: #f4f4f4; } #PageWrapper .HorizontalWhatsNew .WhatsNew .WhatsNew-content { font-size: 14px; } .HorizontalWhatsNew .blogItThumbnail { /*height: 120px;*/ overflow: hidden; margin-bottom: 15px; /*text-align: center;*/ /*box-shadow: 0 0 1px rgba(0,0,0,0.3);*/ } #PageWrapper .HorizontalWhatsNew .WhatsNew img { /*width: 100% !important;*/ height: auto !important; } #PageWrapper .HorizontalWhatsNew .WhatsNew .WhatsNew-more a { padding: 5px 20px 4px; border: 1px solid #f32d33; border-radius: 3px; text-align: left; float: left; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; } #PageWrapper .HorizontalWhatsNew .WhatsNew .WhatsNew-more a:hover { text-decoration: none; background: #f32d33; color: #fff; }

---

Контейнер блок CSS КЛАСС = HorizontalWhatsNew
==================

Ниже код добавить в Custom CSS dESIGN.
=====
/* ------ HORIZONTAL WHATS NEW FEED ------ */

#PageWrapper .HorizontalWhatsNew .WhatsNew {
padding-left: 0% !important;
padding-right: 0% !important;
border: 0;
}

.HorizontalWhatsNew div.WhatsNew {
width: 100% !important;
}

#PageWrapper .HorizontalWhatsNew .WhatsNew h2 {
border-radius: 3px;
margin-bottom: 5px;
}

#PageWrapper .HorizontalWhatsNew .WhatsNew h2 a {
text-decoration: none !important;
}

#PageWrapper .HorizontalWhatsNew .WhatsNew h2 a:hover {
color: #b9d3e4;
}

#PageWrapper .HorizontalWhatsNew .WhatsNew ol {
text-align: center;
}

#PageWrapper .HorizontalWhatsNew .WhatsNew ol li {
display: inline-block;
padding: 10px 2%;
border: none;
margin: 0;
width: 20.5%;
vertical-align: top;
border-radius: 3px;
text-align: left;
}

@media only screen and (max-width: 850px) {
#PageWrapper .HorizontalWhatsNew .WhatsNew ol li {
padding: 10px 2%;
width: 45.5%;
}
}

@media only screen and (max-width: 550px) {
#PageWrapper .HorizontalWhatsNew .WhatsNew ol li {
padding: 10px 2%;
width: 96%;
background: transparent !important;
border-bottom: 1px solid #ccc;
}
}

#PageWrapper .HorizontalWhatsNew .WhatsNew ol li:hover {
background: #f4f4f4;
}

#PageWrapper .HorizontalWhatsNew .WhatsNew .WhatsNew-content {
font-size: 14px;
}

.HorizontalWhatsNew .blogItThumbnail {
/*height: 120px;*/
overflow: hidden;
margin-bottom: 15px;
/*text-align: center;*/
/*box-shadow: 0 0 1px rgba(0,0,0,0.3);*/
}

#PageWrapper .HorizontalWhatsNew .WhatsNew img {
/*width: 100% !important;*/
height: auto !important;
}

#PageWrapper .HorizontalWhatsNew .WhatsNew .WhatsNew-more a {
padding: 5px 20px 4px;
border: 1px solid #f32d33;
border-radius: 3px;
text-align: left;
float: left;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 12px;
}

#PageWrapper .HorizontalWhatsNew .WhatsNew .WhatsNew-more a:hover {
text-decoration: none;
background: #f32d33;
color: #fff;
}

---