This topic contains 24 replies, has 2 voices, and was last updated by  Skandha 1 day, 7 hours ago.

Viewing 20 posts - 1 through 20 (of 25 total)
  • Author
    Posts
  • #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

    #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

    #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!

    #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

    #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

    #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

    #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

    #147593

    adrmusic
    Participant

    I meant visual editor

    #147625

    Skandha
    Participant

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

    Kind Regards,
    Skandha

    #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

    • This reply was modified 1 week, 4 days ago by  adrmusic.
    #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

    #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

    #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

    #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

    #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

    #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

    #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!

    #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!

    #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

    #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

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

You must be logged in to reply to this topic.