alehf Posted January 28, 2021 Share Posted January 28, 2021 Site URL: https://estherhafoundation.org/events-calendar?view=calendar&month=01-2021 Hello! I'm trying to delete the times on the events calendar (9a,12p etc.) and I can't seem to do it. I looked around and tried to utilize code in both the css of the specific events page, and in the design area, and im not sure if im doing it incorrectly. span.eventlist-meta-time { display: none !important; } I used this code and I just pasted it into the design CSS block, I'm not super familiar with coding. It didn't work though. I'm using the Impact template. Thank you 🙂 Link to comment
tuanphan Posted January 31, 2021 Share Posted January 31, 2021 Add to Design > Custom CSS /* Hide am pm */ .flyoutitem-datetime.flyoutitem-datetime--12hr { display: none !important; }  Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
alehf Posted February 2, 2021 Author Share Posted February 2, 2021 On 1/30/2021 at 9:54 PM, tuanphan said: Add to Design > Custom CSS /* Hide am pm */ .flyoutitem-datetime.flyoutitem-datetime--12hr { display: none !important; }  Hello! Thank you so much for replying! Where exactly do I post this in the CSS code? Thank you again! 🙂 Link to comment
creedon Posted February 2, 2021 Share Posted February 2, 2021 Add to Home > Design > Custom CSS. You can add it to the top before anything else or after the very end. Those are the most common places to add. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
tmorrogh Posted April 8, 2021 Share Posted April 8, 2021 (edited) Hi. I'm also trying to remove the time from the calendar. I tried the above code. The time is gone from the fly out, but the time still displays on the calendar. I'm using version 7.1. Is there a different variable for the time that displays on the calendar? Thanks. Edited April 8, 2021 by tmorrogh Link to comment
creedon Posted April 8, 2021 Share Posted April 8, 2021 Yes the code is probably different to make the code go away on the calendar. Please post the URL to the page on your site where you want the time gone. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
tmorrogh Posted April 8, 2021 Share Posted April 8, 2021 Thanks for responding. The site password is: fishingisfun The URL is:Â https://armadillo-saxophone-h3yw.squarespace.com/calendar If you take a look at the March 6th cell, you'll see that the time "12a" appears. I'd like the time to be hidden for all cells on the calendar. Link to comment
creedon Posted April 9, 2021 Share Posted April 9, 2021 @tmorrogh Add the following to Design > Custom CSS. .yui3-squarespacecalendar .item-time.item-time--12hr, .yui3-squarespacecalendar .item-time.item-time--24hr  {     display : none;      } This if for v7.1. Let us know how it goes. tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
tmorrogh Posted April 9, 2021 Share Posted April 9, 2021 That worked. Thanks very much for your help. I really don't know very much about CSS and I'm new to SquareSpace. With the help you've given me, I see now that when I inspect the code I can see the .item-time.item-time--12hr and 24hr variables and a reference to the .yui3-squarespacecalendar structure. Thanks again. creedon 1 Link to comment
Cheshire Posted November 19, 2021 Share Posted November 19, 2021 I'm trying to remove the time stamp on my events (calendar) page. I have added the 2 suggestions above and they are still there. Are you able to help?  http://www.cheshirefair.org/new-events https://cheshire-fair-xji4.squarespace.com/config/design https://cheshire-fair-xji4.squarespace.com/config/pages/6197daa2e8e59e1d2d965d4a Link to comment
creedon Posted November 19, 2021 Share Posted November 19, 2021 56 minutes ago, Cheshire said: I'm trying to remove the time stamp on my events (calendar) page. Add the following to Design > Custom CSS. /* remove time from events */ #collection-6197daa2e8e59e1d2d965d4a .eventlist-meta-time { Â display : none; Â } This is for v7.0 using the Bedford template family. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment