This topic has 11 replies, 3 voices, and was last updated 7 years by Radu.

  • Author
  • #169315
     AdamK
    Participant

    Hi Guys

    previously we had the issue with gifs overlapping and you kindly provided some css to sort that out.

    However I think that css has a knock-on effect on multiple video uploads to the activity wall. Video thumbs seem to be wider and taller, so they are now overlapping (see attached). You can see this happening on the test site, I will post the url in the private box below.

    I have tried tinkering around with styles for the video containers e.g. rtmedia-list-item media-type-video but again my css is not so strong and I have not managed to target the right style.

    Can you please help me out with this? If you can help me target the right css, I can fiddle around with the correct height and width to make it look good.

    Please be mindful that this should target the video containers only, and not start messing with the other media items layouts that we already spent time to fix.

    Many thanks for your assistance 🙂

    #169316
     AdamK
    Participant

    Sorry forgot the screen shot…

    Attachments:
    You must be logged in to view attached files.
    #169371
     Laura
    Moderator

    Hello, will assign the ticket to a higher support level who can help and advise you in your query.
    Thanks! ?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #169372
     AdamK
    Participant

    Hi Laura 🙂

    that will be great thank you.

    While you are here, would it please be possible to get in contact with your support manager about a matter? Probably better to email your manager than post on here. I would very much appreciate it if you could ask your support manager to drop me a quick email. I believe it will be beneficial to your operation.

    Many thanks.

    #169477
     Radu
    Moderator

    Hi,

    Did you have changed the domain or something ?

    Let me know the correct url and the credentials to can take a closer look at that

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #169836
     AdamK
    Participant

    Hi

    yes sorry we had to do a quick rebuild and clone of the live site. Some of the bugs were not duplicating on the test site.

    Please look now, I will post credentials private in next post, thanks.

    #169837
     AdamK
    Participant
    This reply has been set as private.
    #170044
     Radu
    Moderator

    Hi,

    Just tried to reproduce the image upload issue but I cannot, immediately after upload the images are played in a carousel see screenshot.

    Just let me know the exact steps how to reproduce that

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #170139
     AdamK
    Participant

    Hi

    no, output of images, gifs etc we have gotten formatted correctly. As specified in the original post, it is multiple video uploads posts that is the problem. Please try uploading 5 mp4 clips and you will see them all bunched together and overlapping. I have set out several test examples of media upload on that test profile page so you can tinker with the CSS and see if it has any knock on effect to other media types.

    Just needs a bit of CSS I’m sure.

    #170587
     Radu
    Moderator

    Hi,

    Yes it’s about CSS

    That it’s caused by a css from quick css area

    If you remove those all will be ok. just look in quick css area for those and remove it (but save it for later use if you will need) and check

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #170674
     AdamK
    Participant

    Hi,

    yes, it is the custom CSS. Custom CSS provided to me by yourselves, to resolve other formatting issues with GIFS.

    .activity .rtmedia-item-thumbnail{
    padding: 0 10px 0 10px !important;
    height: 150px !important;
    }
    .activity .rtmedia-list-item {
    width: 275px !important;
    }
    .activity .rtmedia-item-title {
    width: 150px !important;
    overflow:hidden !important;
    }

    So, what would be preferable, and demonstrate some kind of commitment to support – instead of telling me that the CSS you provided then screws up other formatting issues – would be to actually spend 5 minutes to examine the custom CSS, and provide me with a solution that actually works.

    Telling me the CSS you have provided me previously is flawed, without any substantial solutions beyond that, is about as much use to me as a kick in the testicles.

    I would actually prefer a different support staff deal with my support issues in future, since you Radu have a long track record of offering little to no helpful assistance whatsoever.

    Solutions please, not excuses, swerves, or any other method you have up your sleeve for avoiding doing your job.

    Thanks for the assistance I look forward to someone at 7th queen providing for this issue in due course.

    #170910
     Radu
    Moderator

    Hi,

    Let me know if using this css instead of the old one that concerning the images from newsfeed and also the videos.

    COPY CODE
    
    li.rtmedia-list-item.media-type-photo .rtmedia-item-thumbnail{
    padding: 0 10px 0 10px !important;
    height: 150px !important;
    }
    
    li.rtmedia-list-item.media-type-photo .rtmedia-list-item {
    width: 275px !important;
    }
    
    li.rtmedia-list-item.media-type-photo.rtmedia-item-title {
    width: 150px !important;
    overflow:hidden !important;
    }
    
    @media(min-width:991px) {
    
        li.rtmedia-list-item.media-type-video .rtmedia-item-thumbnail{
        padding: 0 10px 0 10px !important;
        min-width: 400px !important;
        min-height: 250px;
        }
    
    }
    

    I’ve used another selector for targeting the photos. and another one targeting the video sizes only for desktop to show all of the videos thumbnails equal.

    this is how it looks for the video

    and this is how it looks for photos and gifs

    Let me know if it’s ok

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 12 posts - 1 through 12 (of 12 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?