How to style the checkbox row in private view

  • Resolved timhuk

    (@timhuk)


    7 years, 5 months ago

    Hello,
    I love everything about Participants Database and it’s doing everything I needed. I have figured out how to style most of the elements but I’m stuck with table rows containing a checkbox.

    In the private view (when a participant clicks on the link in their email) rows with checkboxes only cover the same width as the first <td> or <th> of other non-checkbox rows. This looks worse when a checkbox has some help text applied, as the help text is now squashed into a very narrow width.

    What is the trick to making <tr.checkbox> the same width on the page as (say) <tr.text-line>?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author xnau webdesign

    (@xnau)

    Without seeing what you’re trying to do, it’s hard to answer this. Managing column widths with tables is tricky and it’s often not possible to get what you want…especially when you have limited horizontal width.

    You may want to try the “bootstrap” template, it will give you more flexibility in the layout.

    [pdb_record template=bootstrap]

    Thread Starter timhuk

    (@timhuk)

    Many thanks for prompt reply, and sorry I forgot to include the link. This is the page I’m trying to style:

    https://justbigsmiles.co.uk/wp/update-your-wedding-information/?pid=QDZLX

    Notice the penultimate row (title = Testimonial) has its help text very squashed. Please let me know if there’s a quick fix for this.

    Thanks for the bootstrap template info. I will also give that a go.

    Regards

    Thread Starter timhuk

    (@timhuk)

    I have since found that the 2 bits of CSS I needed were as follows. I assume something in the Sydney theme had upset these.

    tr.checkbox {
    display: table-row !important;
    }
    .checkbox .helptext {
    display: block;
    float: left;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to style the checkbox row in private view’ is closed to new replies.