• 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 class=”related_break”>

    </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.