I am finalizing my website and have a few last questions:
1) I have an audio player inside a full width column, is there a way to reduce the width of the player with code?
Actual code: [audio src="http://tetsoo.com/wordpress/wp-content/uploads/2014/04/05_takyon.mp3"]
2) Same question about a vimeo video player inside a full width column, is there a way to reduce it width/height with code?
Actual code: <iframe src="//player.vimeo.com/video/37111719?title=0&byline=0&portrait=0" height="281" width="500" allowfullscreen="" frameborder="0"></iframe>
3) This one is more particular, if you go in my portfolio (http://tetsoo.com/wordpress/?page_id=2788) and click, let's say on the Owl, then go at the very bottom of the page. You will see that I have embedded the portfolio inside the page (so people don't have to go back). Is there a way to just remove the thumbnail of the page we are currently watching? (in this case just remove the thumbnail and link for the Owl page)?
1: You can divide the full width section into three columns and add the player to the middle one .
2: Same as 1 though if you want to control the width and height you can add an extra class in the column and then add some custom css for that particular video iframe.
3: I am afraid its not possible as there is no link btw the page and thumbnail .
1) That's what I have done, but unfortunately dividing the the full with column in three works great on my imac but it makes some extra spaces on iphones... Isn't there a solution so that the first and last empty columns don't create extra space on mobiles?
2) Could you please give me an example of the CSS needed to control that? (I haven't used the extra class function till now...)
Sorry for the delay as we dont work on weekends. Add an extra class to the column 'fixed-height' and Add this into the Custom CSS box located in your Salient Options panel:
This is going to take a bit of custom css - the easiest way to go about this will be for you to provide admin access so I can get it near what you're looking for without the back and forth.
Would you possible share the fix for controlling the width of the audio player in a masonry blog post? Ours are breaking out of the frames. http://roswellchurch.com/sermon-trials/
Sorry, forgot I changed that page name! Take a look here, when we use more than 2 columns for audio, they spill over like on this page http://roswellchurch.com/resources/
Hi there,
I am finalizing my website and have a few last questions:
1) I have an audio player inside a full width column, is there a way to reduce the width of the player with code?
Actual code: [audio src="http://tetsoo.com/wordpress/wp-content/uploads/2014/04/05_takyon.mp3"]
2) Same question about a vimeo video player inside a full width column, is there a way to reduce it width/height with code?
Actual code: <iframe src="//player.vimeo.com/video/37111719?title=0&byline=0&portrait=0" height="281" width="500" allowfullscreen="" frameborder="0"></iframe>
3) This one is more particular, if you go in my portfolio (http://tetsoo.com/wordpress/?page_id=2788) and click, let's say on the Owl, then go at the very bottom of the page. You will see that I have embedded the portfolio inside the page (so people don't have to go back). Is there a way to just remove the thumbnail of the page we are currently watching? (in this case just remove the thumbnail and link for the Owl page)?
Thanks a lot in advance for your help!
Hey!
1: You can divide the full width section into three columns and add the player to the middle one .
2: Same as 1 though if you want to control the width and height you can add an extra class in the column and then add some custom css for that particular video iframe.
3: I am afraid its not possible as there is no link btw the page and thumbnail .
All the Best.
ThemeNectar Support Team
Hey Tahir!
Thanks for your comments.
1) That's what I have done, but unfortunately dividing the the full with column in three works great on my imac but it makes some extra spaces on iphones... Isn't there a solution so that the first and last empty columns don't create extra space on mobiles?
2) Could you please give me an example of the CSS needed to control that? (I haven't used the extra class function till now...)
3) ok
Thanks again for your support!
Hey Gregoire!
Can you please provide the page url with the video and the columns so i can write specific custom css.
Thanks
ThemeNectar Support Team
here it is: http://tetsoo.com/wordpress/?portfolio=helio-ocean-3
Hey Gregoire!
Sorry for the delay as we dont work on weekends. Add an extra class to the column 'fixed-height' and Add this into the Custom CSS box located in your Salient Options panel:
.fixed-height .iframe-embed iframe[src] { width: 307px !important; height: auto !important; }
See Screenshot for reference of live site : http://prntscr.com/3gewvq .
Cheers
ThemeNectar Support Team
Hi Tahir,
thank you for your response but this doesn't solve my problem...
Maybe these 3 screenshots will help you understand better what I want to achieve:
"ex1.jpg" > example with 3 columns for the video (video width doesn't fit with images below / unwanted spaces on iphone)
"ex2.jpg" > example with fullwidth columns for the video (video width doesn't fit with images below / OK on iphone)
"ex3.jpg" > What I would like to achieve
I have this kind of trouble on many pages.
Thanks again for your support!
Greg
Hey Greg,
This is going to take a bit of custom css - the easiest way to go about this will be for you to provide admin access so I can get it near what you're looking for without the back and forth.
Cheers :)
Thanks a lot!
---
Okay, i've logged in and added the needed css into your custom css box so keep track of it :)
http://tetsoo.com/wordpress/?portfolio=helio-ocean... You no longer have to use columns on the right and left to give it spaces - just add the videos directly into a 1/1 column and the rest will handle itself.
Cheers!
Thanks, this is perfect!
Is it possible to do the same thing with the audio players (give them a specified px width inside a full width column)?:
http://tetsoo.com/wordpress/?page_id=2685
You're welcome!
And i've added the css to handle audio players as well :)
Cheers
Great, thank you very much!
Would you possible share the fix for controlling the width of the audio player in a masonry blog post? Ours are breaking out of the frames. http://roswellchurch.com/sermon-trials/
Hey Kristin!
The page is showing 404 . Were you able to sort it out.
Thanks
ThemeNectar Support Team
Thanks, Tahir,
Sorry, forgot I changed that page name! Take a look here, when we use more than 2 columns for audio, they spill over like on this page http://roswellchurch.com/resources/
Hey Kristen!
You have set the width to 400 please set the audio shortcode size to 300 and it would fit in .
Best,
-T
ThemeNectar Support Team