Home›Forums›Volunteer Sign Up Sheets Calendar Display›Calendar display doesn't show month title
Tagged: calendar month diplay
- This topic has 4 replies, 3 voices, and was last updated 2 years, 7 months ago by Christina Toney.
-
AuthorPosts
-
-
July 10, 2019 at 7:21 AM #25696Susan StarkmanParticipant
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?
-
July 10, 2019 at 1:11 PM #25698Stephen SherrardKeymaster
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.
-
February 22, 2021 at 3:28 PM #33170Christina ToneyParticipant
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 -
February 22, 2021 at 3:39 PM #33172Stephen SherrardKeymaster
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-yearAdd 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.
-
February 22, 2021 at 5:57 PM #33174Christina ToneyParticipant
I’m sorry. Thank you for your response.
-
-
AuthorPosts
- You must be logged in to reply to this topic.