Over and over centered

alelaita / 2012-08-23 09:02:25   

Hi everybody,
I would like to make the over and over fortmat centered (similar to this: alelaitaworks.tumblr.com)
I don't need the whole site to be centered, just the over and over format.
Searching around the forum I didn't found a solution.
Can anyone help me?
Thank you.

arsondpi / 2012-08-23 11:20:21   

what's your url address?

alelaita / 2012-08-23 17:34:13   

alelaita.com/…
and the over and over exhib alaelaita.com/site2/index.php/works/colors/
I know it's messy, but I'm going to change url when the website will be ready...
(maybe wasn't a good idea uh?)

alelaita / 2012-08-23 17:37:54   

mmm maybe some trouble posting links...
try again: alelaita.com/site2/
and
alelaita.com/site2/index.php/works/colors/

Vaska A / 2012-08-23 18:55:01   

Let's try this...add it to the end of your style.css file:

  1. body.format-over_and_over #exhibit #img-container { text-align: center; }
alelaita / 2012-08-24 08:25:53   
  1. ok something happened.
  2. the images and the titles are centered, not the caption text neither the video...
  3. then I change line 102 and line 105 in base css.
  4. before was:
  5. #img-container p {  }
  1. #img-container .captioning .caption { /* font-size: 13px; */ text-align: left; }
  2. I've changed in:
  3. #img-container p { margin-left: auto; margin-right: auto; }

#img-container .captioning .caption { /* font-size: 13px; */ text-align: center; }

alelaita / 2012-08-24 08:31:34   

mmmm sorry for the messy code tags...
the video is still aligned to the left.

arsondpi / 2012-08-24 15:12:58   

This will center your vimeo video:

  1. .vimeo { margin: 0 auto; }
alelaita / 2012-08-24 17:14:36   

Thank you!

alelaita / 2012-08-27 11:09:16   
  1. ... then if I want to center a youtube video the code is:
  2. .youtube { margin: 0 auto; }

right?

arsondpi / 2012-08-27 11:41:33   

not sure - the best way to know the id/class of an object is to use the Inspect Element* option

* right click in Safari and right click in Firefox (use the FIrebug plugin)

alelaita / 2012-08-27 14:56:59   

mmmm...
.mplayer-35503583914
is it possible?

arsondpi / 2012-08-27 15:08:29   

...a generic selector will do for both vimeo and youtube (my mistake - sooorrryy):

  1. .asset div { margin: 0 auto; }
alelaita / 2012-08-27 15:13:28   

Element inspector report:

div id="mplayer-24957972998_wrapper"

alelaita / 2012-08-27 15:14:52   

ops sorry!
And thank you so much arsondpi and you Vaska as well!

vitaminico / 2012-09-10 10:19:55   

Hi All!

i use the code of this great discussion, and works fine!

But now, all the caption text is hidden by images.

How can i put the caption text on the same line with right margin?

ex:

image

text

image

text

and so on.

link: lnx.studiosantarsiero.it/rob/indexhibit2/index.php/project/01/

vitaminico / 2012-09-25 08:52:49   

this is still a problem for me, thank you.

maybe something in the php?

vitaminico / 2012-10-04 12:30:57   

The difference between alelaita.com and mine: lnx.studiosantarsiero.it/rob/indexhibit2/index.php/project/01/ is that the class "over" include or exlude the "caption" class (the one with text).

How can i fix my over.and.over.php to achieve the righ "caption - image " distance?

thank you.

This thread has been closed, thank you.