Tagged: Code block, color section, margin, padding, video, Youtube
I want to feature a YouTube video on my homepage like http://brendonburchard.com/.
I put YouTube embed code into Code Block and put that inside a Color Section.
How can I remove the top and bottom space on this instance of Color Section without it applying across the whole theme?
Hi newpappa!
Please edit your Color Section element and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
and then add following code to Quick CSS in Enfold theme options under General Styling tab
#your-custom-id .content { padding-top: 0; padding-bottom: 0; }
Regards,
Yigit
Hi!
@charliebarey Please add following code to Quick CSS
.page-id-15 #main {
padding-top: 0!important;
}
Cheers!
Yigit
Hm that doesn’t seem to be working… using:
#hero-background .content { padding-top: 0; padding-bottom: 0; }
Any help appreciated!
Hi!
Please flush browser cache and refresh your page a few times. It does work fine on my end – http://i.imgur.com/lqnAnRe.png
Best regards,
Yigit
Maybe I’m not explaining it well, even if your screenshot I see the black space between the video and below Color Section— here, I’ve drawn an arrow to be sure we are talking about same thing: http://cl.ly/image/3s0u2B1D343E
Hey!
I thought it did not work at all. Please add following code to Quick CSS as well
#hero-background .avia_code_block_0 {
margin-bottom: -6px;
}
Best regards,
Yigit
Beautiful thanks!