Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

Different Css For Multiple Galleries On Same Page

thumbnails vimeo

Best Answer Plutty , 09 April 2013 - 10:12 AM

Thank you Brandon

I was actually looking for the space between thumbs, and for some reason the <div> is "dbx-content"

You totally put me on the right track though. I need to learn a little more about CSS hierarchy :)

 

This worked for me

.dbx-content .tubepress_thumb {
  height: 180px;
}

Go to the full post


  • Please log in to reply
2 replies to this topic

#1 Plutty

Plutty

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 07 April 2013 - 04:36 PM

Hi,

I have a page with two galleries, a main gallery and a widget. To remove excess white space I've added the following 3 lines to a custom CSS include file


.tubepress_thumbnail_area { margin-top: 0em;}
.tubepress_thumbs { float: left; margin-bottom: -5em;}
.tubepress_normal_embedded_wrapper { text-align: left; margin: .62em;}

 

This makes the main gallery look good, but in the widget I'm using larger thumbnails. So, with this CSS in place the widget thumbs overlap the titles.

Any ideas on how to play with thumbnail alignment so it only affects the intended gallery? As it stands either the widget looks good, OR, the main gallery looks good..

 

Basically, it would be nice if we could have container size added to the shortcode options.

I'm working local (site isn't live) so I don't currently have a link to share.

 

Thank you,

Plutty



#2 brandon

brandon

    Advanced Member

  • TubePress Staff
  • 1989 posts

Posted 09 April 2013 - 01:04 AM

Hi Putty,

 

The sidebar for the TubePress Gadget is within a <div> with class "tubepress_sidebar".

 

So in your case you could use something like:
 

.tubepress_sidebar .tubepress_thumbnail_area {

    margin-top: 1em ! important;
}

to "force" the widget to follow a different set of rules than the rest of the galleries.

 

Let us know if this solves your problem.

 

Thanks!


  • Plutty likes this

Want a faster, more personalized support experience? Open a ticket with us! We will be gradually phasing out forum-based support in favor of a proper ticketing system. Please help us help you!


#3 Plutty

Plutty

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 09 April 2013 - 10:12 AM   Best Answer

Thank you Brandon

I was actually looking for the space between thumbs, and for some reason the <div> is "dbx-content"

You totally put me on the right track though. I need to learn a little more about CSS hierarchy :)

 

This worked for me

.dbx-content .tubepress_thumb {
  height: 180px;
}







Also tagged with one or more of these keywords: thumbnails, vimeo