DMS 2 Need Help Identifying Specific Element for CSS Targeting

[Claude203 12]

Hi, I am trying unsuccessfully to alter an element's padding, but I haven't been able to identify the definition, even when using Google Inspector.

 

Specifically, on our home page (http://www.blackfives.org) I'm trying to remove the black bar below the video in the header, by reducing the padding-bottom of the pl-area-wrap element to zero.

 

Here is what I've tried to so far:

 

.pl-area-wrap  {

padding-bottom: 0px;

}

 

That doesn't work. 

 

.pl-area-wrap .element.style {

padding-bottom: 0px;

}

 

That doesn't work.

 

div.pl-area-pad.fix div.pl-area-wrap .element.style {

padding-bottom: 0px;

}

 

Also does not work. 

 

Yet, when I uncheck the selector box for "bottom-padding: 20px;" in the Google Inspector for that element, then the desired result appears.

 

Does anyone have any suggestions? Thank you!

[dreamsight 8]

try adding !important, it might do the trick

 

.pl-area-wrap  {

padding-bottom: 0px!important;

}

[Simon 248]

#pl_areau7e5qnv .pl-area-wrap {
padding-bottom: 0px !important;
}

[Claude203 12]

Hi, thanks Simon_P and dreamsight† for those suggestions. I tried both of them, however, they apparently still do not work. I tried emptying cache. Didn't work. Tried refreshing multiple times, still no.

 

On the other hand, now I am wondering if that CSS did indeed work, but that some other overlaying/underlaying element is now in control of that space.

 

For now, I left this in the LESS/CSS:

 

#pl_areau7e5qnv .pl-area-wrap {

padding-bottom: 0px !important;

}

 

Thanks for any help solving this. I appreciate it!

[dreamsight 8]

When I change the height of <div class="bg-video-viewport" style="width: 1100px; height: 258px;">

to <div class="bg-video-viewport" style="width: 1100px; height: 275px;"> the black vanishes, replaced by the video

[Danny+ 1,327]

The padding is coming from your own custom CSS or inline CSS. If you view my screenshot, you will see that the section has CSS that isn't part of DMS. That Padding 17px 0 0, is the cause of the issue, remove it and it should resolve your issue.

 

https://cloudup.com/cimsNbKPuT6