Indexhibit

Login:

Created by:
Daniel Eatock &
Jeffery Vaska

Built with Indexhibit

Over and over centered

 

Indexhibit version: 2.0
Thread is not resolved.

alelaita
ITALY
2 year(s) ago
Permalink Post

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
GREECE
2 year(s) ago
Permalink Post

what's your url address?

alelaita
ITALY
2 year(s) ago
Permalink Post

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
ITALY
2 year(s) ago
Permalink Post

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

Vaska A
UNITED STATES
2 year(s) ago
Permalink Post

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
ITALY
2 year(s) ago
Permalink Post
  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
ITALY
2 year(s) ago
Permalink Post

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

arsondpi
GREECE
2 year(s) ago
Permalink Post

This will center your vimeo video:

  1. .vimeo { margin: 0 auto; }
alelaita
ITALY
2 year(s) ago
Permalink Post

Thank you!

alelaita
ITALY
2 year(s) ago
Permalink Post
  1. ... then if I want to center a youtube video the code is:
  2. .youtube { margin: 0 auto; }

right?

arsondpi
GREECE
2 year(s) ago
Permalink Post

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
ITALY
2 year(s) ago
Permalink Post

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

arsondpi
GREECE
2 year(s) ago
Permalink Post

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

  1. .asset div { margin: 0 auto; }
alelaita
ITALY
2 year(s) ago
Permalink Post

Element inspector report:

div id="mplayer-24957972998_wrapper"

alelaita
ITALY
2 year(s) ago
Permalink Post

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

vitaminico
ITALY
2 year(s) ago
Permalink Post

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
ITALY
2 year(s) ago
Permalink Post

this is still a problem for me, thank you.

maybe something in the php?

vitaminico
ITALY
2 year(s) ago
Permalink Post

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.

Showing 1 - 18 of 18 posts in Forum » Customize » Over and over centered
 

This thread has been closed, thank you.