Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #307564

    Hi,

    Please could you show me how to make the thumbnails bigger and with a colour border? Also how do I remove the date that is displayed next to the thumbnail?

    Thanks in advance.

    #307751

    Hi Wils1234!

    1) You can add a background color to the preview thumbnail div element – insert the code into the child theme style.css or quick css field:

    
    .av-magazine-thumbnail {
        background-color: #333;
    }
    

    and change the color value if necessary.

    2) You can hide the date with this code:

    
    #top .main_color .av-magazine-time{
    display: none;
    }
    

    3) Use this code to change the thumbnail size:

    
    #top .av-magazine-thumbnail, #top .av-magazine-thumbnail a, #top .av-magazine-thumbnail a img {
        width: 100px;
        min-height: 100px;
    }
    

    and replace 100px with your thumbnail size. If the images display blurry you may increase the thumbnail size of the images – insert this code into the child theme functions.php (or enfold/functions.php) file:

    
    add_filter('avf_magazine_settings', 'avia_magazine_thumbnail', 10, 2);
    function avia_magazine_thumbnail($atts, $magazine){
    $atts['image_size']['small'] = 'square';
    return $atts;
    }
    

    and replace “square” with another thumbnail size like: ‘masonry’, featured’, ‘featured_large’, ‘portfolio’, ‘gallery’, ‘entry_with_sidebar’,’entry_without_sidebar’,extra_large’ or “magazine”

    Best regards,
    Peter

    #466652

    I am able to change the size of the thumbnail but then the text is not aligned to the image any more. Any suggestions?

    #467118

    Hi!

    Send us a link to your page and take a screenshot highlighting the exact changes your trying to do and we’ll take a look. You can set your reply as private if you wish.

    Cheers!
    Elliott

    • This reply was modified 9 years, 4 months ago by Elliott.
    #467170

    Elliott,
    Here is the link : http://shopthegatewaywestloop.com/sales-events/
    when the thumbnail increases in size the text and alignment go out of alignment:(
    We are also experiencing issues with chrome. It works on macs but not pc.

    #467178

    Hey!

    Please add the following class .av-magazine-content-wrap the same size you have added to your thumbnails.

    Cheers!
    Basilis

    #467189

    Thanks that worked!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Magazine thumbnails’ is closed to new replies.