Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #514597

    Hi,

    I try to modify the article blog shortcode in order to have
    – a list of posts from a specific category
    – no image at all for any item of this list
    – only title of each item of this category linked with the post’s permalink
    – a bullet before each title

    here is my shortcode, what part do I have to change ?
    [av_blog blog_type='posts' categories='44' link='permalink' blog_style='single-small' columns='1' contents='title' content_length='excerpt' preview_mode='custom' image_size='none' items='10' offset='0' paginate='yes' custom_class='']

    carosch

    #514629

    Hey carosch!

    That will take a lot of CSS work. Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Cheers!
    Elliott

    #514769

    I found the solution:

    shortcode :
    [av_blog blog_type='posts' categories='44' link='category' blog_style='blog-grid' columns='1' contents='title' content_length='excerpt' preview_mode='custom' image_size='thumbnail' items='10' offset='0' paginate='yes' custom_class='bloc-index-no-img liste-objets']

    CSS :

    .liste-objets h3.slide-entry-title.entry-title {
    font-family: Helvetica;
    text-transform: capitalize;
    padding:0;
    font-size: 14px;
    font-weight: normal;
    margin-left:-15px;
    text-align: left;
    }
    .liste-objets h3.slide-entry-title.entry-title:before {
    content: "\2022";
    display: inline-block;
    width: 10px;
    font-size: 16px;
    margin: 0 0px 0 -5px;
    }
    

    Thanks
    Carosch

    #514963

    Hi,

    Great, glad you found a fix :-)

    Regards,
    Rikard

    #525134

    I don’t really see which part turns off the images for the posts? I see custom_class=’bloc-index-no-img liste-objets’ but no bloc-index-no-img in the CSS. Any help? I also want to remove preview images for one of my categories, or actually… have the thumbnail/feature images show up only for one category.

    #525136

    yes, I forgot it sorry:

    .bloc-index-no-img img {
    display: none;
    height: 0;
    margin-top: -30px;
    }

    #525234

    Somehow I can’t make it work. I like the default grid layout with three columns. I just want to get rid of the thumbnail, so this is my code, after adding your bloc-index-no-img img to the Quick CSS.

    [av_blog blog_type='posts' categories='32' link='category' blog_style='blog-grid' columns='3' contents='excerpt' content_length='content' preview_mode='custom' image_size='thumbnail' items='12' offset='0' paginate='yes' custom_class='bloc-index-no-img liste-objets']
    

    Any ideas?

    #525270

    try this

    .liste-objets .slide-image {
    height:0;
    }

    or this
    .liste-objets .slide-image {
    /*height:0;*/
    display: none;
    }
    .liste-objets .slide-content {
    margin-top:0px;
    margin-left:0;
    padding: 5px 20px;
    }

    #525633

    Hey!

    Please refer to @carosch‘s post above.
    @carosch thanks :)

    Best regards,
    Yigit

    #525842

    Thanks. This works.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘articles blog shortcode’ is closed to new replies.