Keyword

[SOLVED] Remove BLACK background from MEDIA gallery

  • Chris Hogan
  • Chris Hogan's Avatar Topic Author
  • Offline
  • Premium Member
More
7 years 8 months ago #162186 by Chris Hogan
Remove BLACK background from MEDIA gallery was created by Chris Hogan
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.

Please Log in or Create an account to join the conversation.

More
7 years 8 months ago #162202 by Kelsey Brookes
Replied by Kelsey Brookes on topic Remove BLACK background from MEDIA gallery
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.

Please Log in or Create an account to join the conversation.

  • Chris Hogan
  • Chris Hogan's Avatar Topic Author
  • Offline
  • Premium Member
More
7 years 8 months ago #162330 by Chris Hogan
Replied by Chris Hogan on topic Remove BLACK background from MEDIA gallery
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!

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 8 months ago #162347 by Krikor Boghossian
Replied by Krikor Boghossian on topic Remove BLACK background from MEDIA gallery
Hello Chris,

Can you send a link to your site?

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Chris Hogan
  • Chris Hogan's Avatar Topic Author
  • Offline
  • Premium Member
More
7 years 8 months ago #162353 by Chris Hogan
Replied by Chris Hogan on topic Remove BLACK background from MEDIA gallery
Hi there, It looks like the code below fixed it - but the changes didn't kick in until I noticed it today!!
.itemVideoBlock {
	padding-top: 0px! important;
        padding-left: 0px !important;
        padding-bottom: 0px!important;
	background:#ffffff !important;
}

Thanks anyway

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 8 months ago #162370 by Krikor Boghossian
Replied by Krikor Boghossian on topic Remove BLACK background from MEDIA gallery
I 'm glad you solved the issue.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
7 years 2 months ago #165506 by Peter Western
Replied by Peter Western on topic Remove BLACK background from MEDIA gallery
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

Please Log in or Create an account to join the conversation.

More
7 years 2 months ago #165542 by Peter Western
Replied by Peter Western on topic Remove BLACK background from MEDIA gallery

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

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 2 months ago #165547 by Krikor Boghossian
Replied by Krikor Boghossian on topic Remove BLACK background from MEDIA gallery
Hello,

Is there a link to your site available?

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
7 years 2 months ago #165562 by Peter Western
Replied by Peter Western on topic Remove BLACK background from MEDIA gallery
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

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 2 months ago #165571 by Krikor Boghossian
Replied by Krikor Boghossian on topic Remove BLACK background from MEDIA gallery
Hello Peter,

It appears the black borders are being generated from the video itself.
Even in the native player and full screen these borders are being generated jmp.sh/a28MLn2

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
7 years 2 months ago #165576 by Peter Western
Replied by Peter Western on topic Remove BLACK background from MEDIA gallery
Many thanks. The video was sent to me by my client so I will advise him of your findings. Cheers
Peter

Please Log in or Create an account to join the conversation.

More
7 years 2 months ago #165580 by D.B.
I am having the same issue. Would like to remove border. I did the video, and there are no borders. I have attempted to add the following to: templates/ja_decor/local/css/themes/plumgreen/custom.css file


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

Not sure if there are any issues with that code, (found in this thread), or if it needs to go into another location.

Help is appreciated.

Site url: www.premiermotorworkz.com/es/vaydor
(bout half way down the page, llantas / Llantas section)

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 2 months ago #165595 by Krikor Boghossian
Replied by Krikor Boghossian on topic Remove BLACK background from MEDIA gallery
Hello,

The borders are being generated from the video itself, you need to decrease the width to 237px.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
7 years 2 months ago #165614 by D.B.
Is there a way to add a top/bottom border to match the sides?
If so, is that a global setting or can it be specific to that file?

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum