BuddyDev

Search

Badge images css


  • Participant
    Level: Master
    Posts: 219
    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: 13440
    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: Master
    Posts: 219
    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: 13440
    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


  • Participant
    Level: Master
    Posts: 219
    Mike (DesignServe) on #24961

    Hi Brajesh,

    I really need that pixel size taken out please, my badges look very bad.

    May I ask you to think of a way we can show member badges in the forums please?

    Here is a link to one of my old forums for you to see how we used to do it. But any alternative would be good.

    https://technicskn7000.com/kn7000-forums/technics-kn7000-discussion/external-mixer-needed-need-sound-to-external-speakers-pa-in-hall/

    Many thanks,
    Mike


  • Participant
    Level: Master
    Posts: 219
    Mike (DesignServe) on #24962

    Ok no hurry on the pixels I’ve turned off fast image loading and they look ok, so I can wait 🙂


  • Keymaster
    (BuddyDev Team)
    Posts: 13440
    Brajesh Singh on #24974

    Hi Mike,
    Thank you.

    We are pushing an update this week for sure.

    Regards
    Brajesh

You must be logged in to reply to this topic.

This topic is: not resolved
Subscribe