Navigation
Archive / Thumbnails alignment
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 25, 2016 at 10:59 am #1270713
    grindax2002
    Participant

    Hello !

    I’m trying to add 8 Thumbnails at the end of this page :

    As i want the images to be centered i added this to the Row style : padding-left: 325px;
    Is there a better way to center the row in the page ?

    The result is not really nice, as you can see the thumbnails are not perfectly aligned together :

    Cheers !

    November 25, 2016 at 12:03 pm #1270759
    grindax2002
    Participant
    This reply has been marked as private.
    November 25, 2016 at 12:30 pm #1270790
    Jade
    Moderator

    Hi there,

    Instead of the large padding, please try this code instead:

    
@media (min-width: 767px) {
    #x-content-band-7 .x-column {
        float: none;
        display: inline-block;
    }

    #x-content-band-7 .x-container {
        text-align: center;
    }
}
    November 25, 2016 at 1:58 pm #1270840
    grindax2002
    Participant

    Thanks, I get this result, the gap is bigger :

    November 25, 2016 at 3:27 pm #1270886
    Joao
    Moderator

    Hi There,

    You have float: active on some of your thumbnails,

    Please turn off on all of them.

    Let us know how it goes,

    Joao

    November 25, 2016 at 3:51 pm #1270897
    grindax2002
    Participant

    Alright ! My bad, this is now ok ! Thanks a lot !

    November 25, 2016 at 4:48 pm #1270927
    Nabeel A
    Moderator

    Glad we could help 🙂

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1270713 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>