How to center gallery in tn3e gallery

  • Olivier Boels


    hello ,

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

    .tn3e-imagebrowser {
    text-align: center;




    Kenneth John Odle


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

    Put code in between backtick (


    ) 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


    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:

    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!



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


    ..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


    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?





    Okay, I got it!

    .tn3e-gallery {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;


    Olivier Boels


    Dear Prasanna,

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



    No, it is aligned centre within content div.

    Olivier Boels


    Sorry Prasanna,

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

    Olivier Boels



    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?

Viewing 10 posts - 1 through 10 (of 12 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.