Column Width – Custom CSS Not working? :(

  • Resolved anthuntley

    (@anthuntley)


    7 years, 1 month ago

    Hi Tobais,

    I’ve been struggling for the last 3 hours trying to get the custom CSS for column width to work ??

    I’ve been through your FAQ’s, documentation, and the forums, but despite trying different variations of the code, it still doesn’t work.

    I’m simply trying to reduce the width of column 3 (Link), ideally all columns, so that they are no wider than their content.

    I have tried the following variations:

    (putting it in the Plugin options custom css as directed)

    —–
    .tablepress-id-1 .column-3 {
    width: 100px;
    }

    —–
    [The preffered one]
    .tablepress-id-1 .column-3 {
    padding: 4px;
    }
    —-
    .tablepress .column-3 {
    padding: 4px;
    }
    —–
    .tablepress .column-3 {
    width: 100px;
    }
    —–

    I’ve also tried a few other Custom CSS codes from the forum, but apart from adjusting the narrow bar below the column headers, they don’t appear to be doing anything.

    Much appreciate your help with this!

    The page I need help with: [log in to see the link]

Viewing 8 replies - 16 through 23 (of 23 total)

  • Thank you…It worked ^_^

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Tobias,

    I love this plugin and use it on several sites (donating each time). I also tend to install it on anyone else’s site I work with – thank you so much for such a clean interface!

    I want to create a simple table of social media icons in a widget for my sidebar, mainly to save space. It’s appearing fine, links and all, but I cannot get the columns to size, which is causing the entire sidebar to enlarge. I have tried everything listed here, even resizing the images themselves. Help!

    https://counterculturewise.com/

    (Also, we’d love to interview you on our show, if you’re interested.)

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    You might only have to tell the browser to not stretch the table to 100%:

    .tablepress-id-3 {
  width: auto;
}

    Regards,
    Tobias

    Tobias: can you look at my tables on this page and let me know how to make Column 1 150px? I’ve set it in the custom CSS with no luck. Am also trying to change the hover color of the header and that hasn’t worked either. https://www.tmgr.org/2018/09/04/schedule-of-events-for-fall-gof/.
    thanks

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    from what I can see, this is working fine. The first columns of the tables on that page are 150px wide for me.

    Regards,
    Tobias

    Thanks…cleared my cache and it worked fine too.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    great! Good to hear that it’s working now!

    Best wishes,
    Tobias

Viewing 8 replies - 16 through 23 (of 23 total)
  • The topic ‘Column Width – Custom CSS Not working? :(’ is closed to new replies.