• Trying to remove the white space between the 3 images in the table on this page:

    https://richsride.org/frontrangefreedomtour/

    Pretty sure it’s due to the margin or padding at the top/bottom of cells which won’t allow images to expand. I’m trying to use css but just don’t know the syntax. “FRFT Top” is the id of the table, I placed the code in the css of a child theme and got nothing.

    #FRFT Top td {
    padding: -6px -10px -6px 0px;
    margin: -9.09 px;
    }

    Can someone help with proper syntax? I can play with the numbers.

    Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi,

    it’s not a padding or margin issue the images loading in these table cell are of larger sizes, I have reduced their size from inspect element and now the page looks better.
    here is a screenshot

    View post on imgur.com

    Thread Starter richdixon

    (@richdixon)

    Thanks for the quick reply. I checked your screenshot and there’s MORE whitespace. I actually want NONE.

    Any ideas?

    Hi,

    What if you change that padding to padding: 0 ; please try that.

    try:

    td {
        padding: 0 !important;
        border: none !important;
    }
    Thread Starter richdixon

    (@richdixon)

    So now my child theme css has:

    #FRFT Top td {
    padding: 0 !important;
    border: none !important;
    }

    No change.

    #$%#!! ??

    add what i put exactly and see if it helps. The id of that table is improper. it shouldn’t have spaces in it. take off the id name from the css.

    Thread Starter richdixon

    (@richdixon)

    I changed the table id and it worked! Thanks a bunch.

    You still have to add border: 0 !important unless you want that 1px line there.

    And glad it worked. When you make id and class names try and stick to lowercase, hyphens if you must, no spaces and don’t start with numbers.

    Thread Starter richdixon

    (@richdixon)

    Thanks again.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Customize table cells’ is closed to new replies.