Image text position

bipster / 2012-10-19 21:44:39   

Hi!

In formats such as Over and Over or Slideshow, is there any way to put the image texts (not the exhibition text) beside the images instead of under them?

Thanks

arsondpi / 2012-10-20 07:59:06   

with css...
Just add the following - this is an example for images 700px wide:

  1. #img-container .asset {
  2.     float: left;
  3.     width: 710px;
  4. }
  5. #img-container .captioning p {
  6.     float: left;
  7.     width: 100px;
  8. }
  9. #img-container .spacer {
  10.     clear: both;
  11. }

see if this works out for you...
(of course if you know how to code you can edit the format to use the image width you've selected so you don't need to edit the css bit...)

bipster / 2012-10-20 14:36:18   

Based on the code posted by arsondpi, here's what I ended up with, in case anyone is interested:

  1. #exhibit #slideshow .picture {
  2.     overflow: hidden;
  3. }
  4. #exhibit #slideshow img {
  5.     float: left;
  6. }
  7. #exhibit #slideshow .captioning {
  8.     float: left;
  9.     width: 200px;
  10.     margin: 0 0 0 25px;
  11. }
  12. #exhibit #slideshow .captioning .caption {
  13.     position: absolute;
  14.     bottom: 0;
  15. }
Vaska A / 2012-10-20 14:37:27   

You need to clear the float lefts I think. It's something to look into...

arsondpi / 2012-10-20 17:09:17   

Indeed! I used a clear: both; property for the #img-container .spacer which clears floats lefts*

* writing this overflows decent use of English :-P

bipster / 2012-10-20 17:18:55   

Thank you both!

dwills / 2012-11-19 20:44:22   

I've tried both arsondpi's and bipster's code, placing it in (I assumed) slideshow.css
Neither seem to of worked.

Any idea on what I am missing? I haven't really touched any of the code since getting it straight out of the box. Just trying to move the text to the right of the slideshow.

Thanks for your help!

This thread has been closed, thank you.