YouTube video frame size

This topic has 24 replies, 2 voices, and was last updated 6 years, 4 months ago by Skandha.

Viewing 20 posts - 1 through 20 (of 25 total)

1 2 →

Author

Posts
June 6, 2018 at 3:56 pm #147322

adrmusic
Participant

Hello,

I embedded two videos on one of my pages from YouTube. I tried to adjust the size of the frames by changing it in the code, however it doesn’t seem to respond: the size of the frame remains the same.
Is there something in the theme that sets the frame size automatically? If so, can it be modified?

My site is on maintenance mode.

Thank you

June 7, 2018 at 12:57 am #147335

Skandha
Participant

@adrmusic: Please post in your site URL when your site is accessible so that I can look into the issue and provide you a solution.

Kind Regards,
Skandha

June 7, 2018 at 3:24 pm #147396

adrmusic
Participant

Thank you for your response.
I deactivated maintenance mode temporarily (the site is still being updated). Link to page: http://www.adrmusic.com/videos/

For your information: I am on a tablet, when I switch view from portrait to landscape, the frame size adjusts itself automatically. It’s the size on landscape mode that I find a bit large.

Please let me know what options I have that do not conflict with the responsive design.

Many thanks!

June 11, 2018 at 2:57 am #147515

Skandha
Participant

@adrmusic: I am not able to see the videos you have inserted in the videos page. You can simply insert video to your page by pasting the video link in the Visual Editor to embed a video to your page.

Let me know if this helps you out.
Kind Regards,
Skandha

June 11, 2018 at 1:38 pm #147542

adrmusic
Participant

Thank you Skandha.
If you don’t see the videos, it’s a whole other issue!
I just checked on Firefox and Chrome from my Android tablet: everything appears as it’s supposed to. I will try pasting the links directly in the visual editor.

What about the frame size? Can that be adjusted?

Many thanks

June 12, 2018 at 2:34 am #147569

Skandha
Participant

@adrmusic: Try pasting the links directly in the visual editor and I shall try to give the CSS Codes to adjust the frame size as well.

Kind Regards,
Skandha

June 12, 2018 at 9:22 am #147592

adrmusic
Participant

Hello,
I have inserted the links directly in the video editor: after checking both landscape and portrait view, the frame size suits me 🙂
Can you please confirm that you are seeing them?

I would have two more questions, one on footer size, one on the appearance when sharing on social media. May I post them here or should I create a new topic?

Thank you

June 12, 2018 at 9:23 am #147593

adrmusic
Participant

I meant visual editor

June 13, 2018 at 2:28 am #147625

Skandha
Participant

@adrmusic: Yes, I can see the videos. You can post here if you have other issues.

Kind Regards,
Skandha

June 13, 2018 at 11:36 am #147644

adrmusic
Participant

Good news!
Other questions.
I would like to slightly reduce the footer height. Can I add some code to do so? If yes, could you let me know what to write in the CSS section (additional css)?

When the homepage is shared on Facebook, there is some text appearing between the artist name (ADR) and the link (adrmusic.com). It’s an excerpt of a blog post, however I deleted this post and I do not wish anything to appear in that space. How can this be changed?

You can view the post I am referring to at http://facebook.com/ADRmusic

Thank you

June 14, 2018 at 6:59 am #147690
Skandha
Participant
@adrmusic: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#site-generator {
    padding:20px;
}
```
For the link preview on facebook you can use Catch Web Tools plugin. Activate the plugin and Go to => Dashboard => Catch Web Tools => Open Graph => Enable Open Graph Module => Then Go to Homepage Settings => Then you can change your site preview

Let me know if this works out.
Kind Regards,
Skandha
June 14, 2018 at 3:32 pm #147739

adrmusic
Participant

Thank you Skandha.
Footer size worked fine. Unfortunately not the link preview: I followed your indications and installed the plugin, however the text I would like to get rid of still appears when sharing the homepage on Facebook. How can I go about this?

Thank you

June 14, 2018 at 3:37 pm #147740

adrmusic
Participant

For your information – I activated Open Graph and under the Homepage Settings section, I put a different text in the Description box.
However the old blog except is what appears when sharing (I tried again after making the above-mentioned changes).

Thank you

June 15, 2018 at 3:58 am #147766

Skandha
Participant

@adrmusic: Go to => Facebook => Share you website link
Then you will see ... option on the top right of the post of link you just shared. Click on it and Click on Refresh Share Attachment

Let me know if solves the issue.
Kind Regards,
Skandha

June 15, 2018 at 2:40 pm #147797

adrmusic
Participant

Issue on Facebook solved! Thank you very much
I would have a question about the link preview on Twitter: in that case, no picture is being shown. You can view it here: twitter.com/_adrmusic
What’s going on?

And finally, I would like to change the background color of the header (currently it’s black). Is it possible? If yes, how?

Thank you

June 18, 2018 at 4:29 am #147882
Skandha
Participant
@adrmusic: Twitter works a bit differently compared to other social media networks relating to the links posted. The link you share on Twitter sometimes is not validated by Twitter. That means the Twitter Cards for that tweet is not properly defined. You will need to find a suitable plugin from the wordpress plugin repository for twitter cards.

To change the color of the header
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#masthead {
      background-color:blue;
}
```
Let me know if this helps you out.
Kind Regards,
Skandha
June 18, 2018 at 10:40 am #147898

adrmusic
Participant

Header color is now how I would like it to be 🙂
Any chance we can remove the black line between the artist name and the menu?

I take good note of the information regarding the plugin for Twitter. Anything specific I should look for in said plugin so it behaves properly?

Thank you very much for your help!

June 18, 2018 at 10:52 am #147899

adrmusic
Participant

Just noticed a couple more things I would like to modify regarding the header.

In landscape view on a mobile device or on a desktop computer, when clicking on “music”, the sub-menu appears with a black background. I would like it to be of same color as header. Possible?

In portait view, a search space appears at the end of the menu. Can we get rid of it?

Thank you!

June 19, 2018 at 3:53 am #147948
Skandha
Participant
@adrmusic: To remove the thin line above menu
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.site-header-menu {
      border-top:none;
}
```
To change background color of sub-menu
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.main-navigation ul ul {
	background-color:slategrey;
}
.main-navigation ul ul a:hover, .main-navigation ul ul > li.focus > a {
	background-color:slategrey;
}
```
To remove the search space
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.mobile-search-wrapper {
     display:none !important;
}
```
Let me know if this works out.
Kind Regards,
Skandha
June 19, 2018 at 2:25 pm #147973

adrmusic
Participant

Everything worked out perfectly! Thank you Skandha.
One very last question: how come the thin black line still appears in portrait view?

Many thanks
Author

Posts