Displaying one column under the previous.

  • Resolved itLwork

    (@confussed)


    8 years ago

    Hi Tobias!
    Hope you’re well!

    I’m creating my food menu, and I’d like to have the food description under the food title. Right now I’m solving it by pressing return for each cell. I realised that this solution is not very css friendly. Like if I’d, for example, want to change font or text size for the course items or descriptions.

    Question:
    Can I solve this by having all courses in say, column C, and all descriptions in column D. Then having all column D display under previous column C?

    Does this make sense?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years ago

    Hi,

    no, sorry, that’s not possible.

    What you instead want to do is wrap the title in some HTML like

    <span class="food-title">The foot title</span>

    and the description like

    <span class="food-description">The foot description</span>

    Then, you can use CSS like

    
.tablepress-id-3 .food-title {
   ...
}
.tablepress-id-3 .food-description {
   ...
}

    This is basically the same as https://tablepress.org/faq/highlight-cells-or-content/

    Regards,
    Tobias

    Thread Starter itLwork

    (@confussed)

    8 years ago

    Makes perfect sense! Thank you!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years 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 3 replies - 1 through 3 (of 3 total)

The topic ‘Displaying one column under the previous.’ is closed to new replies.