Can We Change Layout of Grid?

  • Resolved drlester

    (@drlester)


    8 years, 3 months ago

    The grid template affects only the popups for individual events, but I would like to change the layout of the overall grid.

    I’m creating a calendar on a new site, and there are two differences with the calendar on an older site:

    1. On the old site grid view, the Month: Year: Go items at the top are all on the same line, as I wish. On the new site, they are all on separate lines. How can I cure this?

    2. On the old site grid view, for the individual events in the grid, the time follow the icon, and the event title is on the next line, as I wish. On the new site, the title starts on the top line after the time. This may be caused by the larger size of the calendar space, but I would like to force the title to the second line. How can I do that?

    Lane

    https://www.ads-software.com/plugins/my-calendar/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter drlester

    (@drlester)

    I figured out the answer to #2, leaving only #1 to be solved.

    Under the plugin’s Settings / Text Settings, I changed this field Event title (Grid) to {time}< br >{title} without the spaces in the br tag.

    The br tag puts the title where I want it.

    Lane

    Plugin Author Joe Dolson

    (@joedolson)

    You can adjust the positioning of the items in the grid navigation using CSS, but there aren’t any options built in to allow you to modify those positions. I don’t know exactly how they look on your site, since I don’t know which version of the My Calendar stylesheet you’re using and I don’t know what theme you have installed, and both of these factors will have considerable effect on what that looks like by default. Can you share a URL?

    Thread Starter drlester

    (@drlester)

    You bet, Joe!

    https://antioch.lanelester.com/church-calendar/

    Lane

    Plugin Author Joe Dolson

    (@joedolson)

    This layout is coming from your theme, declaring all input types as having display: block. You can change this by adding

    .mc-main input[type="text"], .mc-main select {
    display: inline;
}

    Thread Starter drlester

    (@drlester)

    Thanks, Joe. That fixed it.

    Lane

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can We Change Layout of Grid?’ is closed to new replies.