over and over format ( horizontally fit)

Leetomic / 2013-07-01 16:28:16   

Hi, all.

I am recently using over and over format(latest one) which i found is great!
But I just want to make the image size that horizontally fit on screen.
Like this: stinkdigital.com/en/

and here is my website leetomic.com
I mean, [+] menu

Please share some opinions
Thanks in advance!!!!!!!

arsondpi / 2013-07-01 17:16:08   

I believe this may have a solution you may need: indexhibit.org/forum/thread/17843/

Leetomic / 2013-07-02 08:34:20   

Thank you very much!!!

I just made it by doing like this.
---------------------------------------------------
#img-container .over .asset img.lazyload {
height: auto;
max-width: 1500px;
width: 100%;
---------------------------------------------------

Leetomic / 2013-07-02 08:38:11   

Just one more question.
sorry for too many questions;;

Can I also add the caption or caption title on the image? not beneath the image?
Because I made no space between pictures in over&over format.

arsondpi / 2013-07-02 09:20:10   

I've tried this with this exact layout and it seems to be working:

  1. #img-container .captioning {
  2.     height: 1em;
  3.     margin-left: 15px;
  4.     margin-top: -25px;
  5. }
  6. #img-container .picture_holder {
  7.     height: auto !important;
  8. }
  9. #img-container .picture {
  10.     line-height: 0;
  11.     margin-bottom: 15px;
  12. }

Of course you'll need to attach this to the very end of the css part of the Visual Index format (or better edit the attributes in the all ready existing css selectors).

Leetomic / 2013-07-02 09:41:23   

Thank you so much. But I want to do it "on over and over format"
Then, i guess, can i put those lines in "format.over_and_over.php" ?

arsondpi / 2013-07-02 11:22:47   

No other css styles to customize the format to do this. Use firebug the firefox plugin to find which css selectors will you need to affect.

Leetomic / 2013-07-03 16:48:53   

Hi, all.

everything is perfect. Thank you so much for your help!!!! except one small thing.

When you go to my website, + Menu on the left, all pictures perfectly fit on screen which i love. But I also want to make the vimeo video file to fit on the screen.
Then, I can finally get my dream theme. How can i apply this effect to vimeo movies??? Any advice??

THANKS ALOT

leetomic.com

arsondpi / 2013-07-03 16:55:09   

I don't think so - not out of the box at least.
It's because vimeo/youtube is dealt with iframes.

Leetomic / 2013-07-04 03:24:56   

Thanks arsondip.
You mean I can't make the vimeo movie files to horizontally fit on the screen just like
other pictures on over and over theme ( + menu )?

arsondpi / 2013-07-04 10:27:58   

But it works in Firefox from my end... but doesn't work on Webkit browsers (Safari & Chrome).
Maybe there's a fix around in the web for webkit browsers...

Leetomic / 2013-07-05 06:26:44   

umm. it seems difficult to do it.

then, can i remove the bottom space on (+) menu? ( Now when i scroll down to the bottom, there is some space)

leetomic.com

THANKS!!!!!!!!!!!!!!!!!

This thread has been closed, thank you.