2 replies to this topic

[dwebb5369]

Hello,

  We are using TubePress for a video gallery page we have on our team's website.  I am using the default TubePress layout and I am getting a strange blank box behind the video title on each of the thumbs.  You can see the page here and the result.  I am not sure why this is happening.  I haven't tweaked any CSS for the plug-in yet.  It happens in all 3 browsers: IE, Chrome and Firefox.

 

http://biz141.inmoti...ubepress_page=2

 

Also I would like to left justify the large video and the thumbs on the page and make the whole thing responsive, since the WordPress template I am using already is made for mobile.  Could you tell me what CSS I would need to add to my template to make this happen.

 

I appreciate your help.  Thanks!

 

Dave

[brandon]

Hello Dave,

 

If you look in your style.css (for your theme) around line 2201, you will find:

dl:not(.gallery) {
    border: 1px solid #DEDEDE;
    margin-bottom: 20px;
    padding: 10px;
}

the "border: 1px solid #DEDEDE;"  is causing those white boxes to appear.  If you comment it out like this:

dl:not(.gallery) {
  /*  border: 1px solid #DEDEDE;  */
    margin-bottom: 20px;
    padding: 10px;
}

then the boxes will go away, however this may effect other design aspects of your website.

 

In order to left justify the large video and the thumbnails, you will have to edit the tubepress.css file.  In order to find the correct sections to edit, I would recommend using FireBug to look at the code of the displayed page and playing around with the CSS in there to make it look just the way you want.

 

For a responsive Tubepress, please see this post here: http://community.tub...tablets-phones/

 

Let us know how it goes!

 

Thanks!

[dwebb5369]

Brandon,

  Thank you soo much that worked like a charm and that annoying box is now gone.  I will play around with the CSS for TubePress and align everything like you stated.  Have an awesome week.  I appreciate your help!

 

Dave