Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1055425

    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.

    #1055563

    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

    #1055576

    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.

    #1055917

    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

    #1056556

    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

    #1056578

    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

    #1056581

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

    #1056593

    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

    #1056611

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

    #1056615

    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

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

The topic ‘Centre a Table underneath text’ is closed to new replies.