I made a new CSS
-
Hi!
Ive made a new and simple css that changes if it is mobile.
This css works without thumb.I just want to ask a little question.
How can I include the post category like here :https://astrologianapratica.wordpress.com/2015/06/28/sexo-e-dinheiro-e-o-que-nos-deixa-em-crise/
.related_post_palmetal {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
-moz-column-gap: 60px; /* Firefox */
column-gap: 60px;
-webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
-moz-column-rule-style: solid; /* Firefox */
column-rule-style: solid;
-webkit-column-rule-color: gray; /* Chrome, Safari, Opera */
-moz-column-rule-color: gray; /* Firefox */
column-rule-color: gray;-webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
-moz-column-rule-width: 1px; /* Firefox */
column-rule-width: 1px;
}.related_break {
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Firefox */
break-inside: avoid; /* IE 10+ */
}@media only screen and (max-width: 1000px) {
.related_post_palmetal {
-webkit-column-count: 1; /* Chrome, Safari, Opera */
-moz-column-count: 1; /* Firefox */
column-count: 1;
-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
-moz-column-gap: 60px; /* Firefox */
column-gap: 60px;
-webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
-moz-column-rule-style: solid; /* Firefox */
column-rule-style: solid;
-webkit-column-rule-color: gray; /* Chrome, Safari, Opera */
-moz-column-rule-color: gray; /* Firefox */
column-rule-color: gray;-webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
-moz-column-rule-width: 1px; /* Firefox */
column-rule-width: 1px;}
.related_break {
display: block !important;
padding-bottom: 30px !important;
}}
IMPORTANT
You need to insert this in the four box of configs each line in each box
<div class=”related_post_palmetal”>
</div>
</div>
https://ww.wp.xz.cn/plugins/wordpress-23-related-posts-plugin/
The topic ‘I made a new CSS’ is closed to new replies.