Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 6, 2015 at 5:10 pm #514597
    carosch

    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

    October 6, 2015 at 5:35 pm #514629
    Elliott

    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

    October 6, 2015 at 9:30 pm #514769
    carosch

    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

    October 7, 2015 at 8:11 am #514963
    Rikard

    Hi,

    Great, glad you found a fix :-)

    Regards,
    Rikard

    October 26, 2015 at 6:46 pm #525134
    maltaannon

    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.

    October 26, 2015 at 6:50 pm #525136
    carosch

    yes, I forgot it sorry:

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

    October 26, 2015 at 11:44 pm #525234
    maltaannon

    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?

    October 27, 2015 at 2:42 am #525270
    carosch

    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;
    }

    October 27, 2015 at 5:10 pm #525633
    Yigit

    Hey!

    Please refer to @carosch’s post above.

    @carosch     thanks :)

    Best regards,
    Yigit

    October 27, 2015 at 11:47 pm #525842
    maltaannon

    Thanks. This works.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘articles blog shortcode’ is closed to new replies.