How to center gallery in tn3e gallery

  • 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

    Mod

    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

    #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!

    Prasanna SP

    #33977

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

    xpITA.png

    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

    #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

    Prasanna SP

    #33979

    Okay, I got it!

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

    5DHlrl.png

    Olivier Boels

    #33980

    Dear Prasanna,

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

    Prasanna SP

    #33981

    No, it is aligned centre within content div.

    Olivier Boels

    #33982

    Sorry Prasanna,

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

    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?

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

You must be logged in to reply to this topic.