Gallery Description / Button Conflict

Guy Buchanan

This is probably reported elsewhere, but I couldn't find it via search.

Problem: Gallery slideshow button overwrites the gallery description.

Configuration:

• Gallery style: Collage Landscape
• Theme: Custom off Turbo
• Example: https://b-and-n.smugmug.com/Events/MVA-Glow-Dance-2015/

Preferred solution: I'd like to move the "Slideshow" and "Download All" buttons to stack on top of "Buy Photos". That would look nice and free up the description. Alternately I could resize the description block to fit left of the "Slideshow" button but that would look funky.


Thanks,


Guy Buchanan
gebuchanan@cox.net
760.809.6145
Canon Rebel XTi, Canon 70d, 580EX flash,
Sigma 17-70 f2.8-4, Tokina 11-16 f2.8,
Tamron 70-200 f2.8 Vi DC, Canon 70-300 f4

Jtring

http://dgrin.com/showthread.php?t=253934 posts #10 and #11

Five weeks ago Aaron wrote, "We're working on a fix for this ...". How about an update on status?

leftquark

Jtring wrote: »

http://dgrin.com/showthread.php?t=253934 posts #10 and #11

Five weeks ago Aaron wrote, "We're working on a fix for this ...". How about an update on status?

I wish we had a better answer, or rather a solution, however our design team is still determining the best way to fix this issue. I'll try to update you all when I know more.

moiraine

Just for fun, I tried some custom css to make it your "ideal" scenario here:

.sm-gallery-header.sm-gallery-header-has-description .sm-gallery-headerbuttons {
  width: 280px;
}

.sm-gallery-header .sm-gallery-headerbuttons button.sm-button {
  margin-bottom: 10px;
}

.sm-gallery-header p.sm-gallery-description {
  margin-right: 280px;
}

@media (max-width: 800px) {
  .sm-gallery-header.sm-gallery-header-has-description .sm-gallery-headerbuttons {
    width: auto;
  }
}

I don't claim that this will work in all screen sizes and browsers, but I tested on firefox and chrome and it seems to work fine. You can add the code in a css content block on your gallery page(s)