Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #707909

    hi. is there a way to give a special page post inside a grid a red border.

    for example it shold look like this: http://imgur.com/a/FMMKI but i only want to apply this border to 1 or 2 post. it should show that this is a live event. and after the live date i want to easily remove the border and set it to another post.

    :)

    #707957

    Hey!

    Please give your posts a custom category (“highlighted” in example below) then add following code to Quick CSS

    .av-masonry-entry.av-masonry-item-loaded.category-highlighted {
        border: 3px solid red;
    }

    You can add the posts you would like to highlight into that category.

    Cheers!
    Yigit

    #708003

    COOL!!!!!!!!! Work perfect. Can you help me to fix the size of the posts in the grid.

    What can i change in the code that all my posts (A) look like this post (B). Fixed image size and fixed text high? http://imgur.com/a/apDdh

    image: 282×282 px
    text field: 282x 344px

    #708008

    There is still some little trouble with the red border: http://imgur.com/a/Hdcm6

    #708009

    And can i apply a transparent PNG to the upper right coner at the post category live? http://www.eltern-kongress.com/wp-content/uploads/live.png

    then i will see the red border an the png at category “live”. is there a way to do this and will this work also on mobile phones?

    View post on imgur.com

    #708259

    Hi!

    Please add following code to Functions.php file in Appearance > Editor to decrease masonry excerpt length

    add_filter( 'avf_masonry_excerpt_length', 'masonry_excerpt_length');
    function masonry_excerpt_length() {
    $excerpt = 50;
    return $excerpt;
    }

    Please change the code i posted here to following one

    .av-masonry-entry.av-masonry-item-loaded.category-live .av-inner-masonry {
        border: 3px solid red;
        background-image: url(https://www.eltern-kongress.com/wp-content/uploads/live.png)!important;
        background-size: 100px 31px;
        background-repeat: no-repeat;
        background-position: 100% 0%;
    }

    Cheers!
    Yigit

    #708457

    .

    #709165

    Hi,

    Shall we mark this thread as resolved? :)

    Best regards,
    Yigit

    #711367

    YES. CLOSED. THX.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘red border for grid post.’ is closed to new replies.