hello ,
I would like to know how to center tn3e gallery? I have tried this without luck:
}
.tn3e-imagebrowser {
text-align: center;
}Thanks,
Olivier
How to center gallery in tn3e gallery
(12 posts) (3 voices)- Started 6 months ago by Olivier Boels
- Latest reply from Olivier Boels
- This topic is closed
- This topic is resolved
-
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:centerdoes 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.
More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.Posted 6 months ago # -
Olivier Boels
MemberHello 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=617The 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!Posted 6 months ago # -
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; }Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.Posted 6 months ago # -
Olivier Boels
MemberHello 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
OlivierPosted 6 months ago # -
Okay, I got it!
.tn3e-gallery { float: none !important; margin-left: auto !important; margin-right: auto !important; }
Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.Posted 6 months ago # -
No, it is aligned centre within content div.
Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.Posted 6 months ago # -
Olivier Boels
MemberPrasanna,
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?Posted 6 months ago #
Topic Closed
This topic has been closed to new replies.