Okay
  Public Ticket #1084257
Home page video size
Closed

Comments

  •  2
    Alessia started the conversation

    Hello Paul,

    It is possible to modify the dimension of a video placed in the home page to have the same size of a video that can be add in the portfolio?

    Thank you,

    Alessia

  •  291
    Paul replied

    Hi Alessia,

    Unfortunately not out of the box because, by default, only portfolio single pages have their special width for showing the works. Normally, the page content has smaller width.

    But there is a workaround for your specific case. Please try this:

    1. Go to "Appearance > Customize > Additional CSS" and apply this code:

    .home .post-title {
        display: none; /* this will hide the page title */
    }
    .home .post-content-container {
        margin-left: 0;
        width: 100%;
    }
    .home .post-content {
        width: 100%;
    }

    2. Install and activate this plugin "Fluid Video Embeds" ( https://wordpress.org/plugins/fluid-video-embeds/ )

    3. Now your homepage's width should be wider allowing more space for the video.

    Note that this workaround only works on homepage.

    Regards,
    Paul

  •  2
    Alessia replied

    Hi Paul,

    thank you, it works just perfect! 

    I was wondering: it is possible to remove the white space above the video and change the color of the white box just in the home page?

    Thank you again,

    Alessia

  •  291
    Paul replied

    Yes, you can also use custom CSS to adjust how it looks:

    .home .post-content-container {
        background: #000;
        padding-top: 0;
        padding-bottom: 0;
    }
    .fve-video-wrapper {
        margin: 0;
    }
    

    The code will remove the top and bottom padding of the content container on homepage and set its background to black (#000).

    If you would also like to use custom CSS for other elements, I would recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.

    More info: https://uxbarn.com/inspecting-elements-developer-tools/

  •  2
    Alessia replied

    Thank you Paul! :)

    Alessia


  •  291
    Paul replied

    You're welcome!