Other media (video) still overlapping on activity wall

[AdamK]

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 🙂

[AdamK]

Sorry forgot the screen shot…

Attachments:

You must be logged in to view attached files.

[Laura]

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 🙂

[AdamK]

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.

[Radu]

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

What support service includes ? What not ?

[AdamK]

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.

[AdamK]

This reply has been set as private.

[Radu]

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

What support service includes ? What not ?

[AdamK]

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.

[Radu]

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

What support service includes ? What not ?

[AdamK]

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.

[Radu]

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

What support service includes ? What not ?

[Author]

Posts