Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 1, 2014 at 3:38 am #204203
    Monsoon

    I was looking at the fullwidth layout and it was too narrow so I increased the content width to 800 or about 1000px.
    The gallery seems to be left justified when the titles are centered.

    The content of the post itself is left justified which is fine but I believe the gallery on a fullwidth page should be centered like the title. I have been trying to find how to change that but I can t figure it out so in case you have any clues :)

    Happy new Year btw and thank you guys for all the great support you are giving us, its invaluable.

    January 1, 2014 at 3:43 am #204204
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    January 1, 2014 at 10:28 pm #204319
    Monsoon

    Can t do as this is an internal build

    I think to test you only need to look at a fullwidth page and change

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}

    then add images to a gallery and you should see the image gallery being left justified because there is a Float left somewhere
    Its really no big deal just that if you want to center like the title its rather difficult.

    Happy New Year again :)

    January 2, 2014 at 3:01 am #204353
    Ismael

    Hi!

    You can use this to center align the gallery:

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
margin-left: auto;
margin-right: auto;
max-width: 1100px;
text-align: center;
}

.single .gallery {
display: inline-block;
}

    Regards,
    Ismael

    January 2, 2014 at 8:44 am #204428
    Monsoon

    this also now centers the text :(
    Is there a way to only align the gallery and not touch the text?

    January 2, 2014 at 4:02 pm #204511
    Yigit

    Hey!

    Please edit Ismael’s code slightly and use following code instead

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
margin-left: auto;
margin-right: auto;
max-width: 1100px;
}

.single .gallery {
display: inline-block;
}

    Simply delete text-align: center;

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold – Fullwidth Gallery centering’ is closed to new replies.