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%;
}
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.
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
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
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
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/
Thank you Paul! :)
Alessia
You're welcome!