Welcome to DU! The truly grassroots left-of-center political community where regular people, not algorithms, drive the discussions and set the standards. Join the community: Create a free account Support DU (and get rid of ads!): Become a Star Member Latest Breaking News Editorials & Other Articles General Discussion The DU Lounge All Forums Issue Forums Culture Forums Alliance Forums Region Forums Support Forums Help & Search

Make7

(8,547 posts)
5. Since your page will be centered, maybe just make the gallery full width...
Sat Apr 14, 2012, 08:06 PM
Apr 2012

I was thinking that instead of centering the gallery within a centered container on the page, it might work just fine to make the gallery the same width (or close to it) as the container. Just use this for the full width:

[div class="excerpt" style="border: 1px solid #bfbfbf; border-radius:0.4615em;"].ad-gallery {
    width:800px;
}
Or if it seems to be better a little narrower than the page container:

[div class="excerpt" style="border: 1px solid #bfbfbf; border-radius:0.4615em;"].ad-gallery {
    width:750px;
    margin-left:auto !important;
    margin-right:auto !important;
}
And you can always adjust the height as needed as well:

[div class="excerpt" style="border: 1px solid #bfbfbf; border-radius:0.4615em;"].ad-gallery .ad-image-wrapper {
    height:500px;
}
You'll probably have to play around with it a little to be happy with the position, size, color, etc. - but that underlying gallery script is pretty cool.

Recommendations

0 members have recommended this reply (displayed in chronological order):

Latest Discussions»Retired Forums»Website, DB, & Software Developers»jQuery experts...how woul...»Reply #5