1. By continuing to use the site, you agree to the use of cookies .This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy.Find out more.
    Dismiss Notice
  2. Follow Casinomeister on Twitter | Facebook | YouTube | Casinomeister.us US Residents Click here! |  Svenska Svenska | 
Dismiss Notice
REGISTER NOW!! Why? Because you can't do diddly squat without having been registered!

At the moment you have limited access to view most discussions: you can't make contact with thousands of fellow players, affiliates, casino reps, and all sorts of other riff-raff.

Registration is fast, simple and absolutely free so please, join Casinomeister here!

Suggestion Activity feed image overlap fix

Discussion in 'Forum Suggestions, Announcements, & Feedback' started by NetEntFollower, Sep 1, 2014.

    Sep 1, 2014
  1. NetEntFollower

    NetEntFollower Dormant account webby

    Occupation:
    Technical Manager
    Location:
    Europe
    Hi,

    This issue has been bugging me since the day I discovered it and I decided to post a fix, because... why not? :)

    I use my activity feed to check out what my two friends are up to
    As you can see:

    You must register/login in order to see the link.

    The avatars are too big for the pre-set limit and they "overflow".

    A simple fix would be to remove the limit like so:

    You must register/login in order to see the link.

    To fix it: under the CSS file, make these changes:

    ORIGINAL:
    li.activitybit .avatar {
    float:left;
    padding-right:10px;
    width: 75px;
    }

    FIX:
    li.activitybit .avatar {
    float:left;
    padding-right:10px;
    /* width: 75px; */
    }


    And after those changes, it looks like this!:
    You must register/login in order to see the link.

    And if you were wondering, it works for longer names, thread titles, and replies as well as you can see:
    You must register/login in order to see the link.


    I hope you will get to implement this because it's a relatively fast and easy fix.

    Edit:
    This one fix will also affect the forum-wide activity feed as well!


    You must register/login in order to see the link.
     
    4 people like this.
  2. Sep 1, 2014
  3. chayton

    chayton aka LooHoo CAG PABnonaccred webmeister

    Occupation:
    Freelance Designer
    Location:
    Edmonton Canada
    :thumbsup: Thank you! I was going to mention that before and I forgot, I use the what's new section a lot and it always bugs me.
     
  4. Sep 1, 2014
  5. Tirilej

    Tirilej Still a Lady CAG

    Occupation:
    Breathing
    Location:
    Sweden
    I know the problem is there, but I have no clue what you're talking about :eek2:

    Chayton, I need your help I think, in easy English :oops:
     
  6. Sep 1, 2014
  7. chayton

    chayton aka LooHoo CAG PABnonaccred webmeister

    Occupation:
    Freelance Designer
    Location:
    Edmonton Canada
    The OP is posting the fix for the CSS file for Bryan to fix that problem with the text over the bigger avatars.

    You could do it yourself like the OP did using Chrome or Firefox development tools but you'd have to do it every time you visit the page, because the CSS reloads. If Bryan fixes it, it will work for everyone and we don't have to worry our pretty little heads about it. :p
     
  8. Sep 1, 2014
  9. Tirilej

    Tirilej Still a Lady CAG

    Occupation:
    Breathing
    Location:
    Sweden
    Thank you thank you:notworthy:notworthy

    My head gets overloaded sometimes...especially when I see a post like his.

    I trust you, and Bryan that he fix it without my head getting involved :p
     
  10. Sep 1, 2014
  11. suzecat

    suzecat Dormant account CAG MM webmeister

    Occupation:
    Retired
    Location:
    California
    What this "air head" :D does, knowing that the large avatars usually belong to CM, KK, maxd and Vinyl (who are longtime members with valuable things to say) just click the "see more" highlighted link at the bottom of the post. That takes you to the actual post where you can read the whole post (and the posts before and after) without the tedious :notworthy large avatar in the way. :D

    Anyway that's what this air head does, without having to remember all that brain-taxing code. :thumbsup:
     
    Last edited: Sep 1, 2014
  12. Sep 2, 2014
  13. NetEntFollower

    NetEntFollower Dormant account webby

    Occupation:
    Technical Manager
    Location:
    Europe
    Yeah! I hope Bryan will consider looking into it :)

    So the "CSS" file makes all the styles happen on a website. The size of the fonts, colors, how big the buttons are, borders, everything! If a website was not using CSS, it would look like a white page with black text.
    In this case, I used the Chrome developer console tool to look at the CSS of this website (specifically, the avatar section) and tried to find what was causing the overlap. I simply disabled the limit of the width so the text next to the image would move accordingly instead of starting at the 75th pixel. With this fix, the text will start wherever - on the 75th pixel, 76, 150, etc.

    And regarding the tool I used - I can only edit it on my side but it will not save. If Bryan were to edit the CSS file on the server and saved it, it would make a permanent change :) I hope I helped you understand how it works.
     
  14. Sep 2, 2014
  15. Casinomeister

    Casinomeister Forum Cheermeister Staff Member

    Occupation:
    Homemaker
    Location:
    Bierland
    Thanks! Looks like it worked. :thumbsup: That overlap always bugged me, but I never had the time to try and fix it. Thanks for posting a quick fix.
     
    2 people like this.
  16. Sep 2, 2014
  17. NetEntFollower

    NetEntFollower Dormant account webby

    Occupation:
    Technical Manager
    Location:
    Europe
    Thank you for implementing it! :thumbsup:
     
  18. Sep 3, 2014
  19. suzecat

    suzecat Dormant account CAG MM webmeister

    Occupation:
    Retired
    Location:
    California



    Big thank you NetEntFollower (we have got to come up with a nickname for you) :D for fixing the overlap ..... it works so much better now!!
     

Share This Page