Hi there,

Can you tell me if there's an easy way to remove this black background as well as the padding & margin around the 'allvideos' module.....as the words' Media are cover at the moment with a black border - see image

I looked in the modules setting & could not see any change taking effect when testing a few different options?

Or does this have to be a custom css change....if so do you have any good documentation about this.

Thanks,
Chris H.

Yes, you'll need to override this in the template's css.

I see you've already highlighted the problem area in the inspector - just add the class div.itemVideoBlock to your template's custom css file and change the margin and padding values to 0, and the background to transparent.

Hi there,

I've tried to get this padding and background colour changed in a custom.css file but nothing I do seems to change it!!

Below is a full varation of what I have tried to add: Also tried without #k2Container & without !important - I've tried every way possible...

#k2Container .itemVideoBlock {
padding-top: 0px! important;
padding-left: 0px !important;
padding-bottom: 0px!important;
background:#ffffff !important;
}


Please help!

Hello Chris,

Can you send a link to your site?

Hi there, It looks like the code below fixed it - but the changes didn't kick in until I noticed it today!!

Thanks anyway

I 'm glad you solved the issue.

Hi I have tried adding
.itemVideoBlock {
padding-top: 0px! important;
padding-left: 0px !important;
padding-bottom: 0px!important;
background:#00ffff !important; }
to the protostar template and using the responsive template in AllVideos but can get the black surround to change to transparent. Please, please can you provide the code needed, and where to place it in what file, to sort this? Also as many have asked about this. maybe you could add an option in the plug in to change the surround colour or make it transparent, in the next upgrade? Cheers Peter

Peter Western wrote: Hi I have tried adding
.itemVideoBlock {
padding-top: 0px! important;
padding-left: 0px !important;
padding-bottom: 0px!important;
background:#00ffff !important; }
to the protostar template and using the responsive template in AllVideos but can get the black surround to change to transparent. Please, please can you provide the code needed, and where to place it in what file, to sort this? Also as many have asked about this. maybe you could add an option in the plug in to change the surround colour or make it transparent, in the next upgrade? Cheers Peter

Any chance of an expert helping me with this by answering my post asap, Thanks Peter
Part of the message is hidden for the guests. Please log in or register to see it.

imgur.com/QW7TkNY

Hello,

Is there a link to your site available?

Yes its on the home page at hestia.hhandbh.co.uk/
its in demo on this sub domain pending going live.

I have also tried to get the video to be centered, but using the center command has no effect?

Any advice is welcome.
thanks
Peter