Centering exhibition on page

rickeylindberg / 2013-02-19 17:09:42   

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 / 2013-02-19 19:48:45   

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 / 2013-02-19 20:11:28   

Will this code center my images as well?

arsondpi / 2013-02-19 20:20:47   

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 / 2013-02-19 20:21:35   

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

rickeylindberg / 2013-02-19 20:22:18   

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

rickeylindberg / 2013-02-19 20:23:10   

Do you know how to do this maybe?

arsondpi / 2013-02-19 20:27:34   

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

rickeylindberg / 2013-02-19 20:42:02   

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

lemathieu A / 2013-02-20 14:59:49   

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 / 2013-02-20 16:28:00   

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

lemathieu A / 2013-02-21 08:07:20   

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 / 2013-02-21 08:20:51   
  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 / 2013-02-21 08:21:09   

sory for the code thing..

lemathieu A / 2013-02-21 11:12:04   

@rickeylindberg :

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

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

rickeylindberg / 2013-02-21 12:03:30   

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

This thread has been closed, thank you.