[adrmusic]

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

[Skandha]

@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

[adrmusic]

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!

[Skandha]

@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

[adrmusic]

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

[Skandha]

@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

[adrmusic]

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

[adrmusic]

I meant visual editor

[Skandha]

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

Kind Regards,
Skandha

[adrmusic]

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

[Skandha]

@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

[adrmusic]

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

[adrmusic]

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

[Skandha]

@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

[adrmusic]

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

[Skandha]

@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

[adrmusic]

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!

[adrmusic]

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!

[Skandha]

@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

[adrmusic]

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