Calendar display doesn't show month title

HomeForumsVolunteer Sign Up Sheets Calendar DisplayCalendar display doesn't show month title

Viewing 4 reply threads
  • Author
    Posts
    • #25696
      Susan Starkman
      Participant

      Hello,

      When I look at the calendar pages there is no MOnth title. It displays the actual dates but not the month title. Also how can the user navigate to the next few months from that calendar page?

    • #25698
      Stephen Sherrard
      Keymaster

      Most likely this is some CSS styling issue with your theme or another plugin that is either hiding the divs that show that info, or possibly another element is overlapping (like a large header area).

      Best way is to use the View Source or Inspect Element feature of your browser and find the month title and navigation arrows, and look to see if their display is being hidden or made much smaller by some other CSS (depending on the browser, you can see which CSS file is being used for each CSS rule applied to an element), or check out the elements above it (such as header areas or other content near the top of the page) to see if those are extending down into the calendar area.

    • #33170
      Christina Toney
      Participant

      I’m having the same problem. I can see the month and year when I use the web inspector but I’m not sure what to do about solving the problem.

      mccare.greymaple.org/calendar

      Thank you,
      Chris Toney

    • #33172
      Stephen Sherrard
      Keymaster

      It shouldn’t be my job to teach people basic HTML and CSS. That’s beyond the support for my plugins.

      However, in your case Chris, the answer is fairly obvious if you take the time to inspect the Month and Year elements using the “inspect element” feature of your browser.

      Your theme is settings HUGE font sizes for H2 and H3 elements, which is making the Month and Year items too big to fit into the navbar area of the calendar.

      So, you either need to reduce those huge font sizes for H2 and H3 elements, or you need to add some targeted CSS to your theme via the “Customize” feature (add to the Additional CSS textbox).

      The elements you want to target are:
      h2.pta-sus-month
      h3.pta-sus-year

      Add some CSS to set the font size for those elements with those particular classes to a size that works for you.

      It would look something like this:

      h2.pta-sus-month {
      font-size: 1rem;
      }
      h3.pta-sus-year {
      font-size: 0.75rem;
      }

      I’m using rem for the size, since that’s what your theme is using for the default h2 and h3 sizes, I just made them small enough to be seen in that nav area. You can adjust the size to taste.

    • #33174
      Christina Toney
      Participant

      I’m sorry. Thank you for your response.

Viewing 4 reply threads
  • You must be logged in to reply to this topic.