How To Change News Pages CSS
.news-list-page .page-title {
margin: 0;
}
.news-items .news-item {
margin: 0 0 30px;
}
.news-title {
display: inline-block;
padding: 20px 10px;
line-height: 20px;
font-size: 16px;
font-weight: bold;
color: #444;
}
.news-title:hover,
.news-title:focus {
color: #4ab2f1;
}
.news-date {
display: block;
margin: 0 0 15px;
background-color: #f6f6f6;
padding: 10px;
font-style: italic;
color: #444;
}
.news-body {
margin: 0 0 20px;
padding: 0 10px;
line-height: 22px;
}
.news-items .buttons {
margin: 0;
padding: 0 10px;
}
.news-items .buttons .read-more {
display: inline-block;
border: none;
background-color: #4ab2f1;
padding: 10px 20px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
}
.news-items .buttons .read-more:hover,
.news-items .buttons .read-more:focus {
background-color: #248ece;
}
.new-comment {
margin: 50px 0 60px;
}
.new-comment .notifications {
margin: 0 0 10px;
}
.new-comment .result {
color: #690;
}
.new-comment .form-fields {
margin: 0 0 20px;
}
.new-comment .button-1 {
border: none;
background-color: #4ab2f1;
padding: 10px 30px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.new-comment .button-1:hover,
.new-comment .button-1:focus {
background-color: #248ece;
}
.news-list-homepage {
margin: 0 0 75px;
}
.news-list-homepage .title {
margin: 0 0 -1px;
border-bottom: 1px solid #ddd;
padding: 0 0 15px;
font-size: 30px;
font-weight: normal;
color: #444;
}
.news-list-homepage .title strong {
font-weight: normal;
}
.news-list-homepage .view-all {
text-align: center;
}
.news-list-homepage .view-all a {
color: #444;
text-decoration: underline;
}
.news-list-homepage .view-all a:hover,
.news-list-homepage .view-all a:focus {
color: #4ab2f1;
}
@media all and (min-width: 769px) {
/*** NEWS ***/
.new-comment {
text-align: center;
}
.new-comment .buttons {
text-align: center;
}
}
@media all and (min-width: 1001px) {
/*** NEWS ***/
.news-list-homepage .news-items {
overflow: hidden;
text-align: left;
}
.news-list-homepage .news-item {
float: left;
width: 31.33333%;
margin: 0 1% 30px;
}
.news-list-homepage .news-item:nth-child(3n+1) {
clear: both;
}
.news-list-homepage .news-item:only-child {
float: none;
width: auto;
margin: 0 0 30px;
}
.news-list-homepage .news-head {
text-align: center;
}
.news-list-homepage .news-body {
text-align: justify;
}
}
Modified at 9 months ago