Add button within tablepress table

  • Resolved rubenvdzaag

    (@rubenvdzaag)


    4 years, 2 months ago

    Hi, I would like to add a button within a tablepress table. I know I have to add custom css to the plugin options, but I’m stuck (before I got started) as I don’t have any experience.

    Basically I want to add a button similar to the ones on this page:https://www.leadingcourses.com/blog/top-10-golf-courses-in-the-algarve/ to a new column (far right) in the table press table on this page: https://www.leadingcourses.com/blog/best-golf-resorts-europe/

    Ideally the button should be quite small and be on one line.

    My first problem is that I don’t know the tablepress id as it was mentioned in another post:

    .tablepress-id-BestLEDGrowLights .column-4 a

    Besides that it would be about customizing the look of the button.

    Hope someone (Tobias?) can help!

    Thanks in advance, Ruben

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    4 years, 2 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    For this, you’d first have to add a simple clickable link to the last column in that table. You could either use HTML code directly or use the “Insert Link” button below the table input fields.

    Then, we can turn those clickable links into buttons (or rather links that look like buttons), via CSS code.
    In your case, the “Custom CSS” would look like

    .tablepress-id-28 .column-8 a {
  padding: 4px;
  border-radius: 4px;
  background-color: #ef7d00;
  white-space: nowrap;
}

    Regards,
    Tobias

    Thread Starter rubenvdzaag

    (@rubenvdzaag)

    4 years, 2 months ago

    Thanks Tobias, that works like a charm! The only problem I have not is that the link that I use does not display the correct page for some reason. Could that be because it ends with .html?

    Plugin Author TobiasBg

    (@tobiasbg)

    4 years, 2 months ago

    Hi,

    where can I see that? I don’t see the buttons in your table?

    Regards,
    Tobias

    Thread Starter rubenvdzaag

    (@rubenvdzaag)

    4 years, 2 months ago

    Apologies, I added it to a blogpost that hasn’t been published yet. But it ssems to work fine now, so no worries!

    Thanks again for your help.

    Plugin Author TobiasBg

    (@tobiasbg)

    4 years, 2 months ago

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add button within tablepress table’ is closed to new replies.