Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 18, 2019 at 12:38 pm #1055425
    Valinsy

    Hi there,
    I have created a table (containing 4 images) to sit underneath a block of text. The problem is, I can’t get it centred underneath the text. It keeps reverting to left aligned. Its not as noticeable on mobile devices because the width of the column holding the text gets smaller but when viewed on larger screens is more obvious so I would prefer the table to be centred to make it look more balanced.

    I’ve tried a few solutions but nothing seems to work. I’m sure I’m doing something really stupid with the code (I’m not a developer) so any advice is welcomed.

    January 18, 2019 at 6:06 pm #1055563
    Nikko

    Hey Valinsy,

    Can you give us a link to the page mentioned? so we can try to check if further.
    Just post the link in private content, if you only want it to be viewed only by the moderators.

    Best regards,
    Nikko

    January 18, 2019 at 6:13 pm #1055576
    Valinsy

    Hi Nikko,

    sure, its in a temporary location at the moment. I’ve sent it in the private content.

    I’m also trying to make the background transparent and hide the borders ;)

    Thanks
    Valinsy.

    January 19, 2019 at 5:55 pm #1055917
    Nikko

    Hi Valinsy,

    Can you try adding this css code in QUick CSS (located in Enfold > General Styling):

    #top table.aligncenter {
    display: table !important;
}

    Hope it helps.

    Best regards,
    Nikko

    January 21, 2019 at 12:20 pm #1056556
    Valinsy

    Thanks Nikko, yes that looks good.
    They are centred across the column but is there a way to keep the icons closer together within a smaller table rather than having the width responsive and filling the full width of the column?

    Thanks
    Valinsy

    January 21, 2019 at 12:41 pm #1056578
    Nikko

    Hi Valinsy,

    Try adding this code as well (this will only specific to the page you gave):

    #top.postid-1025 table.aligncenter {
    max-width: 320px;
}

    Best regards,
    Nikko

    January 21, 2019 at 12:43 pm #1056581
    Valinsy

    Thanks Nikko. Is there a way to make the consistent on all the portfolio pages and not just this page?

    January 21, 2019 at 12:59 pm #1056593
    Nikko

    Hi Valinsy,

    Please remove the 2 codes I gave and replace it with this one:

    #top table.aligncenter {
    display: table !important;
    width: auto !important;
}

    Let us know if this helps.

    Best regards,
    Nikko

    January 21, 2019 at 1:13 pm #1056611
    Valinsy

    Perfect! Thanks for all your help Nikko. Problem solved 😃

    January 21, 2019 at 1:20 pm #1056615
    Nikko

    Hi Valinsy,

    Glad that we could help :)
    Feel free to create a new thread if you need more assistance.
    Thanks also for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Centre a Table underneath text’ is closed to new replies.