Change font/sizes in event list?

Hi,

My plugin does not contain it’s own CSS regarding font family and font size, so depends on your theme.

You can add font-size and more markup via custom CSS.

For example, if you want to change font-size of whole list and also want to change the H4 heading (event title), you could add this:

#vsel {font-size:0.8em;}
#vsel .vsel-meta-title {font-size:1.25em; font-weight:bold;}

Or if you, for example, only want to change font size of the meta section:

#vsel .vsel-meta {font-size:0.8em;}

Guido

Thank you Guido, that is very helpful. It was hard to understand all the selectors, but I was eventually able to modify the CSS to get pretty much what I wanted.

Just in case you or anybody else cares, the following is to control font size (separately for widget title, event title, and event details), reduce spacing between the elements, and indent the event details a bit under the event title.

The only thing I might wish is to have the “More info” link at the end of the fields, but I will wait for you paid pro version I guess.

vsel-widget h4 {
  font-size:20px;
  margin-bottom:15px}

#vsel .vsel-meta-title {
  font-size:14px;
  margin-bottom:8px }

#vsel .vsel-meta-date,
#vsel .vsel-meta-location,
#vsel .vsel-meta-link,
#vsel .vsel-meta-info,
#vsel .vsel-info {
  font-size:10px;
  margin:0 0 3px 8px;}

Hi,

Regarding the CSS, you must not forget my plugin mostly depends on the stylesheet of your own theme. So my plugin only contains very basic CSS.

What do you mean with the more info link, where do you want to have it exactly?

Guido

Thank you Guido,

When entering an event, under the “Event Meta” column, are the fields “Link to more info” and “Link label”. I use these for external links.

In my event list (https://109.73.239.174/~cookand3/forestpathology.org/ and look down in the sidebar) that link is the last of the meta items. But if I enter anything in the big main field, that goes below the Link to more info. I was hoping to get Link to more info at the bottom.

Jim

Hi Jim,

Aha, I understand now. For that you should make changes to the plugin itself. But in that case you will not be able to update plugin anymore because you will lose your changes.

An alternative is to add the more info link in the custom summary while adding an event:

<a href="url">More Info</a>

Will this work for you?

Guido

Great idea Guido, thank you. That throws the custom CSS off, but I think I can eventually fix that.

Hi,

That throws the custom CSS off

Don’t understand what you mean?

Guido

Sorry to be unclear. Putting line feeds in the “custom summary” caused two <p></p> to be added, which by default have 10 px bottom margin, so I had to fix them to have the same margin as all the meta-elements. All fixed. Thank you!
Jim