Adjusting overall size

  • Resolved stormborn412

    (@stormborn412)


    1 year, 2 months ago

    My theme has a very wide main content area, and the calendar grid fills that entire width. It looks just too large. Are there css classes I could override to change the overall size of the calendar so that it would be narrower/smaller?

    I’m using the Classic editor because I find the blocks, Divi, Elementor, etc., too confusing. Is there a way to put something around the shortcode to accomplish a narrower calendar? I feel as though this is either completely impossible or something so simple that I’ll smack my head when I learn what it is.

    I looked through the stylesheets for Pretty Calendar and the Full Calendar instance that’s in there, and I was able to narrow the outer container by using the Additional CSS option under Appearance > Customize, but the individual days did not get narrower, so it just cut off the end of the week.

    Thank you.

Viewing 1 replies (of 1 total)
  • Plugin Author LBell

    (@lbell)

    Howdy!

    The Calendar expands to fit the available space.

    You can use CSS to adjust the width a number of ways. Universally you could use .pgcal-container { width: 400px;} which will change all instances.

    If you just want to confine one instance of a calendar, I’d recommend wrapping it in a “Group” block type in WP, and giving that “Group” a CSS tag like .cal-box and setting .cal-box { width: 400px;}

    Note: if you are tweaking the CSS live (with Dev Tools or your themes “additional css”) it’s just shrink the box cutting of the calendar. You need to reload the calendar with the new CSS to get it to resize.

    Hope that helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Adjusting overall size’ is closed to new replies.