Indexhibit

Login:

Created by:
Daniel Eatock &
Jeffery Vaska

Built with Indexhibit

Centering exhibition on page

 

Indexhibit version: 2.0
Thread is resolved.

rickeylindberg
DENMARK
1 year(s) ago
Permalink Post

Hi,

I have been reading posts regarding centering the exhibit to the entire page, but haven't found anything yet.

Tried this:

  1. body.format-over_and_over #exhibit #img-container { text-align: center; }

But it didn't really centered it because of the indexhibit pushing it to the side. And the text area didn't do anything.

Anybody got any advice?

My site as it is now: rickeylindberg.dk/index.php/work/--idmats/

arsondpi
GREECE
1 year(s) ago
Permalink Post

The images get centered in the #exhibit area - to center the text simply click the P button (to switch Process HTML to Off), wrap the text in a div with an id like textdiv and in your style.css (or the css part of the plugin that you're using) add something like:

  1. #textdiv { width: 435px;  margin: 0 auto; }
rickeylindberg
DENMARK
1 year(s) ago
Permalink Post

Will this code center my images as well?

arsondpi
GREECE
1 year(s) ago
Permalink Post

As I said your images are already centered to the #exhibit area.
If you want to center the whole layout you need to do a different kind of editing and css styling.

rickeylindberg
DENMARK
1 year(s) ago
Permalink Post

I found the #exhibit area but don't know what to adjust to center it..

rickeylindberg
DENMARK
1 year(s) ago
Permalink Post

Okay.. Yes I am looking to center the exhibit to the entire site..

rickeylindberg
DENMARK
1 year(s) ago
Permalink Post

Do you know how to do this maybe?

arsondpi
GREECE
1 year(s) ago
Permalink Post

You need coding skills for this but not something outrageous...
Check these search results:
indexhibit.org/forum/search/

rickeylindberg
DENMARK
1 year(s) ago
Permalink Post

Ok thanks.. I tried these results earlier but couldn't find anything.. I'll figure something out though, thanks arsondpi :-)

lemathieu A
FRANCE
1 year(s) ago
Permalink Post

Hello,
quick&dirty hack :
add to your #exhibit .container

  1. margin-left: -100px;

and then adjust the div you add around your exhibit text :

  1. div style="float:center; width: 490px; margin-left: 100px;"

lx
GERMANY
1 year(s) ago
Permalink Post

Have I missed something? Float:center is new to me. Are you sure?

lemathieu A
FRANCE
1 year(s) ago
Permalink Post

You're right, it doesn't exist (and i didn't see it when copying).
I was just adjusting rickeylindberg's text div (read 4th post by arsondpi), wich has styling the start (float:center; width: 490px;), with a "margin-left: 100px;" to fit his needs.

rickeylindberg
DENMARK
1 year(s) ago
Permalink Post
  1. That didn't work at all.. Also i read that there's no such thing as float:center.. Thanks anyway. I managed to center the images now by adding #exhibit { width: 100%;
  2.     text-align: center; } to the exhibit, but my text still won't align..

I have read up on this and nothing helped. My site: rickeylindberg.dk/index.php/work/--idmats/

Got any good ideas?

rickeylindberg
DENMARK
1 year(s) ago
Permalink Post

sory for the code thing..

Best Answer!
lemathieu A
FRANCE
1 year(s) ago
Permalink Post

@rickeylindberg :

  1. margin-left: auto;
  2. margin-right: auto;

to your #exhibit p
(because now you erase the div around your text)

rickeylindberg
DENMARK
1 year(s) ago
Permalink Post

Wow! Thank you so much for your help lemathieu! You made my day!

Showing 1 - 16 of 16 posts in Forum » Customize » Centering exhibition on page
 

This thread has been closed, thank you.