1

[Olivier Boels]

Olivier Boels

#6320

hello ,

I would like to know how to center tn3e gallery? I have tried this without luck:

}

.tn3e-imagebrowser {

text-align: center;

}

Thanks,

Olivier

[Kenneth John Odle]

Kenneth John Odle

#33975

Moved to Support. Please post in the correct section next time.

Put code in between backtick (

Code:

`

) characters. It’s usually located above the Tab key on your keyboard. (I have corrected this for you.)

Without a link to the site in question, I can’t say for certain what the issue is, but I’ve seen a lot of people make the mistake you are probably encountering. You see, text-align:center does exactly what it says: it aligns text to center. However, if you apply that class (.tn3e-imagebrowser) to <div> which does not contain text (specifically, <p /> elements), it won’t center anything. The trick here is to apply an equal amount of margin to each side, like this:

.tn3e-imagebrowser {

margin-left: auto;

margin-right: auto;

}

This is a terribly simplified explanation, but try that and see if it works. If not, please provide a link to the site in question, so we can take a closer look.

[Olivier Boels]

Olivier Boels

#33976

Hello Kenneth,

Thanks for your reply and sorry to have post in the wrong section, next time I ‘ll be more careful! I have tried what the code you have sent but still, it didn’t move. Here is the link of the website: http://www.etnofoco.com/wordpress1/?page_id=617

The other thing I would like to ask you is how can I get rid of the black background to transparent of the menu bar and how to align with the logo of “Etnofoco”.

I’m sorry for this obvious questions but I’m a total beginner in the wordpress univers!

thanks for your help!

[Anonymous]

Anonymous

#33977

It is actually centred. But your container width is so wide that it looks like not centred.

Quote:

..The other thing I would like to ask you is how can I get rid of the black background to transparent..

#header-menu-wrap {

background: none repeat scroll 0 0 transparent;

}

[Olivier Boels]

Olivier Boels

#33978

Hello Prasanna,

Thank you for the background , this is resolve but the container of the gallery is definitly not center. My theme has been set to 1100 of width and I had set the gallery to the same size since I’m planning to get rid of the background to keep my images to the original size(800px). I have resized to 1000px the gallery to see if it resolve the centered problem but it is still the same. If you go back to the website link you will see that is completly to the left!

Any suggestion?

thanks

Olivier

[Anonymous]

Anonymous

#33979

Okay, I got it!

.tn3e-gallery {

float: none !important;

margin-left: auto !important;

margin-right: auto !important;

}

[Olivier Boels]

Olivier Boels

#33980

Dear Prasanna,

Still, it is a little bit more on the left side compared to the header, weird! isn’t it?

…

[Anonymous]

Anonymous

#33981

No, it is aligned centre within content div.

[Olivier Boels]

Olivier Boels

#33982

Sorry Prasanna,

You’re right , it must be an optical effect!

[Olivier Boels]

Olivier Boels

#33983

Prasanna,

Could you tell me one thing? the people from Tn3 says that to custom edit the skin of the gallery I have to edit in the css file which has to be done externly but I see that you can edit through the custom edit of the Graphene them. Now I;m confuse. can I edit everything in the custom edit of the graphene theme or it is only certain thing that can be done?