Appearance Of List

  • Resolved cpclemens

    (@cpclemens)


    5 years, 2 months ago

    In a recent plugin update, it seems that the appearance of how events are shown as a list on the front end has changed. Right now, the date (for me it’s only year) and the event itself have the exact same font with only one space, and there are no spaces between each events. So, reading through the list can be a bit tedious if there’s more than one entry.

    How can I play with the appearance of the list on the public side?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Anonymous User 393930

    (@anonymized-393930)

    You can use the classes='your_class' attribute of the shortcode to add one or more classes to the list or table depending on which shortcode you are using. Then you can style the list or table with css in your theme. Each element also has a class associated with it – you can see the names by displaying the source (e.g. you highlight the list or table, right click and select show source in most browsers).

    • This reply was modified 5 years, 2 months ago by Anonymous User 393930.
    Thread Starter cpclemens

    (@cpclemens)

    Really appreciate you responding, but I’ve never used CSS and I’m feeling a little lost with your directions (which I’m certain is more about my ineptitude than your ability to explain.)

    Is your answer the only way I make this happen? I guess what I was hoping to achieve was maybe a space between entries, and the year being in bold. Just some way to set each entry apart from one another.

    Thread Starter cpclemens

    (@cpclemens)

    If I wanted to try using CSS, what code would I enter to achieve an appearance where entries have a space and the year is in bold? Like….

    2018 Learned how to use this plugin.

    2019 Still learned

    2020 Feeling lost

    Anonymous User 393930

    (@anonymized-393930)

    This can be specific to your theme and I can’t offer CSS support but this should get you what you want but you might need to adjust it. Add it at the end of your themes style.css file

    .tdih dd { padding-bottom: 10px; }

.tdih .tdih_event_year { font-weight: bold; }
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Appearance Of List’ is closed to new replies.