BuddyDev

Search

Badge images css


  • Participant
    Level: Enlightened
    Posts: 128
    Mike (DesignServe) on #23968

    Hi Brajesh,

    Please can you add the badge image css to the documentation or let me know here (because my jetpack is over-riding it to lazy load the images).

    Thank you,
    Mike


  • Keymaster
    (BuddyDev Team)
    Posts: 12076
    Brajesh Singh on #23985

    Hi Mike,
    You may use

    
    .bp-user-badges-badge-list img{
    
    }
    
    

    To target the img element. You can put the dimension etc there as you please. By default, we do not set any dimension for the image.

    Regards
    Brajesh


  • Participant
    Level: Enlightened
    Posts: 128
    Mike (DesignServe) on #24614

    Hi Brajesh,

    Please inspect the Community Member badge at the below address:

    https://technicskeyboard.com/members/michael/

    
    <img src="https://technicskeyboard.com/wp-content/uploads/2019/07/badge-newmember.png" width="30" height="30" alt="Community Members" class="jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1">
    

    You’ll see that it has a height and width of 30px. Maybe this is because the original image I uploaded was 30px? I’m not sure. I can’t remember the size I originally loaded. I later replaced the first image with a 64px image.

    I have then re-set the height and width in css to 64px using the css you kindly gave me above. But I would like to know where the 30px is coming from because it doesn’t work well with Jetpack image loading.

    Many thanks,
    Mike


  • Keymaster
    (BuddyDev Team)
    Posts: 12076
    Brajesh Singh on #24631

    Hi Mike,

    Thank you for reporting it. It is a bug. I checked the code and it seems one of our team members had added it.

    I will push an update soon to fir it.

    Thank you
    Brajesh

You must be logged in to reply to this topic.

This topic is: not resolved
Subscribe