Notifications
Clear all

[Solved] My "normally linked videos" have shrunken???

18 Posts
2 Users
2 Reactions
2,701 Views
Posts: 35
Customer
Topic starter
(@jesus-ramos)
Member
Joined: 4 years ago

Thanks Tom 🙂

Well, I explain all the steps...

1st I try to set up the heigh to 0 (in number) and the program first reaction was telling me that it cannot have a 0 figure

Then I just emtpy it the figure in the height box and let it empty. This time it allowed me to do so

Then I went to check in the mobile devices that is where I find the problem with the videos more noticeable. Its difficult to tell in desktop computers, and Iwas not sure if its been corrected to be honest BUT as it could also be cache problems (these are harder to clear for mobiles) then went back to THIS TIME check the post where I have first used the advance attachements (not taking now about videos but about the first pictures I added... and all the thumbnails where pretty much all gone. not gone, but they display very rare. You could not even see the thumbails.... its difficult to explain but if you want I could replicate the problem for you to see it

Yet so, when you clicked in "these sort of thumbanils", then yes, the pictures showed up totally fine but fully lost its thumbnail display

So at the end I have to opt for keeping both (width and height) both with figures...

Do you undesrstand what I say?

-------------------------------------------------

Should I may delete the two posts I have with images, then try setting up just the width but with no figure in the height and upload all the pictures from scratch?

And then when all the images/thumbnails are right (assuming this will happens) check back again how the "old copied/pasted videos" do display?

Thanks 🙂

Reply
1 Reply
 Tom
Admin
(@tomson)
Joined: 10 years ago

Famed Member
Posts: 4213

@jesus-ramos,

Please try to set it 0 again.

Reply
Posts: 35
Customer
Topic starter
(@jesus-ramos)
Member
Joined: 4 years ago

I try it again but does not allow me Tom. It keeps saying "the value have to be a minimum of greater than 50

Mind  you, I have the width set at 340px because that figure, in conjuction with the actual height I have (now I have the heigh at 170 after I forgot which figure I had before trying to set this up to 0) allows me to show 4 thumbnails in desktop view and 3 in tablets view per row

Reply
1 Reply
 Tom
Admin
(@tomson)
Joined: 10 years ago

Famed Member
Posts: 4213

@jesus-ramos,

Please try this CSS code. Insert this CSS code in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea, save it, delete all caches, go to forum front-end and press Ctrl+F5.

Use a new incognito/private tab of the mobile browser to see the changes. Mobile browsers have a very hard caching system, you can only see the changes if you open a new private/incognito tab in the browser after each style change.

@media screen and (max-width:800px) {
   #wpforo #wpforo-wrap .wpf-embed *,
   #wpforo #wpforo-wrap .wpf-embed iframe {
       height: auto !important;
       max-height: auto !important;
   }
}
Reply
Posts: 35
Customer
Topic starter
(@jesus-ramos)
Member
Joined: 4 years ago

Thanks Tom 🙂

YES! that sorted it straight away

I can only find a "but" which Im going to mention in case you see an easy solution for:

The only downside, just to be "picky" 🙂 is that it leaves a very big gap between the video bottom line and the end of said post (almost 3 inches or 7 centimetres). Or for example, when there are more than one videos in a single post, leaves a very big empty gap (about 2 inches or 5 centimetres) between one video and the next...

Any "easy" solution for this?

Thanks 🙂

Reply
1 Reply
 Tom
Admin
(@tomson)
Joined: 10 years ago

Famed Member
Posts: 4213

@jesus-ramos,

Please leave a direct URL to that post.

Reply
Posts: 35
Customer
Topic starter
(@jesus-ramos)
Member
Joined: 4 years ago

Thanks

here: but look better in mobile device please 🙂

Look from the start to the page and go right up to the bottom. This way you will see all. The posts with just one video (and its gap)... and the post with more than one video on it (and the gaps between them

Thanks again 🙂

https://mundopiano.es/foro-de-piano/piezas-de-estudio/que-tal-llevais-vuestros-avances/

 

Reply
1 Reply
 Tom
Admin
(@tomson)
Joined: 10 years ago

Famed Member
Posts: 4213

@jesus-ramos,

Please edit that posts and remove the line breaks. I see tons of empty line-breaks after the videos.

2021 04 12 23 19 31

And add this CSS code as well:

#wpforo #wpforo-wrap .wpf-embed {
     height: auto !important;
     max-height: auto !important;
}
Reply
Posts: 35
Customer
Topic starter
(@jesus-ramos)
Member
Joined: 4 years ago

Thanks Tom 🙂

Added!. But it has affected negatively immediately the way the videos shows. Please check for example Here (look on pc)

I wonder if this could have something to do with the fact that the last two pieces of code that you gave me are somehow quite similar? 

Can you please quick-check it to see if you see anything that I should/could take off or everything is needed? (look at end specially)

Thanks 🙂

--------------------------------------------------------

#wpforo #wpforo-wrap {
font-size: 13px; width: 100%; padding:10px 0; margin:0px;
}

.container {
max-width: 100% !important;
width: 95% !important;
}

@media (max-width:767px){
#wpforo #wpforo-wrap .wpf-post-create .mce-container-body .mce-container .mce-container-body .mce-container > div {
display: flex;
flex-wrap: wrap;
}
}

@media screen and (max-width:800px) {
#wpforo #wpforo-wrap .wpf-embed *,
#wpforo #wpforo-wrap .wpf-embed iframe {
height: auto !important;
max-height: auto !important;
}
}

#wpforo #wpforo-wrap .wpf-embed {
height: auto !important;
max-height: auto !important;
}

Reply
1 Reply
 Tom
Admin
(@tomson)
Joined: 10 years ago

Famed Member
Posts: 4213

@jesus-ramos,

I forgot to wrap it in the media statement, so please remove the last css code and use this one:

@media screen and (max-width:800px) {
     #wpforo #wpforo-wrap .wpf-embed {
          height: auto !important;
          max-height: auto !important;
     }
}
Reply
Page 2 / 3
Share:
Scroll to top