tuanphan Posted December 12, 2021 Share Posted December 12, 2021 On 12/9/2021 at 7:05 PM, Allya said: Hi @tuanphan I've tried the codes you have provided above to hide the time on the event pages. Unfortunately it's not working for me either. I'm on a basic commerce plan and would like to hide the times underneath the date on all of my events. See screenshot attached. Additionally I want to hide the links to the other events at the bottom (left and right) of the events pages. See other screenshot attached. Can you think of a solution for those two things? That's the link. https://www.hof-im-bundi.ch/events/sternrittzumbundi Thank you so much in advance, Allya Add to Design > Custom CSS li.eventitem-meta-item.eventitem-meta-time.event-meta-item { display: none; } .item-pagination[data-collection-type^="events"], .item-pagination[data-collection-type^="events"] { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Allya Posted December 12, 2021 Share Posted December 12, 2021 Thank you so much @tuanphan 🙏 The time on my other events is still there though. Is there a css code which hides times on all the events? Link to comment
tuanphan Posted December 14, 2021 Share Posted December 14, 2021 On 12/12/2021 at 2:21 PM, Allya said: Thank you so much @tuanphan 🙏 The time on my other events is still there though. Is there a css code which hides times on all the events? I see no time here. Can you take a screenshot & share link to page where you still have problem? https://www.hof-im-bundi.ch/events/sternrittzumbundi Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Allya Posted December 20, 2021 Share Posted December 20, 2021 @tuanphan The time seems to be on all events that are longer than one day. Like this one. https://www.hof-im-bundi.ch/events/anfaenger-reitlager Thank you in advance 🙂 Link to comment
paul2009 Posted December 20, 2021 Share Posted December 20, 2021 On 12/12/2021 at 7:21 AM, Allya said: The time seems to be on all events that are longer than one day. To remove the times on multi-day event pages, add this to Design > Custom CSS: .eventitem--multiday .eventitem-meta-time, .eventitem--multiday .eventitem-meta-date .event-date:after { display: none; } If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️ bonjouryall, tuanphan and Allya 2 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
harry_ Posted January 17, 2022 Share Posted January 17, 2022 Hello, I've been trying to remove some things from my Squarespace template, among which the time of events, that's why I'm posting on this thread. I've tried adding all the code snippets(one at a time) that the kind people have provided to Design > Custom CSS, but the time on my events is still displayed. I want to change some other things too, so I'll write everything down specifically: - remove time from events - remove end date from events - display all events on one column, not divided to past and upcoming. I'm new to Squarespace and the website I'm working on is not published yet, so please let me know what url I should provide for someone to help. thanks in advance, I appreciate any help on this. 🙏 Link to comment
paul2009 Posted January 17, 2022 Share Posted January 17, 2022 17 minutes ago, harry_ said: I'm new to Squarespace and the website I'm working on is not published yet, so please let me know what url I should provide for someone to help. Welcome 👋. Solutions are often specific to the template/version you are using and the settings you have selected so when you're asking a question it's really helpful if you can supply us with the site's URL. You'll find it in the browser's toolbar ending with .squarespace.com (without the /config/... section). If the site isn't public or live yet, we'll also need you to set a public password in the visibility settings and tell us what it is. Darya and harry_ 2 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
harry_ Posted January 17, 2022 Share Posted January 17, 2022 (edited) Hi @paul2009 and thanks for your reply! the website url is: https://swordfish-sparrow-f2fh.squarespace.com/ password is " pleasefixthis " 😆 The events are under the News page. I'm on Squarespace version 7.1 as I can see on the bottom left of the Help page, but I can't see -and don't remember- which template I'm using. According to this link https://support.squarespace.com/hc/en-us/articles/115005308187-What-s-my-site-s-version-and-template- , the template should be displayed next to the version of Squarespace but I don't see it there. Let me know if you need anything else from my side. Edited January 17, 2022 by harry_ omitted somethin Link to comment
creedon Posted January 17, 2022 Share Posted January 17, 2022 (edited) On 1/17/2022 at 5:04 AM, harry_ said: I'm on Squarespace version 7.1 as I can see on the bottom left of the Help page, but I can't see -and don't remember- which template I'm using. It is a bit confusing but v7.1 has only one template. What SS calls templates on v7.1 are starting points with a particular group of color themes and some other bits and bobs. So giving us the URL of your site is all we need to get started on trying to help you. Edited February 1, 2022 by creedon harry_ 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
creedon Posted January 17, 2022 Share Posted January 17, 2022 6 hours ago, harry_ said: - remove time from events - remove end date from events Add the following to Design > Custom CSS. /* begin hide event times and end date */ .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-date .event-date:after { content : ''; } .eventlist-event--multiday .event-datetime-divider:before, .eventlist-meta-time, .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-date .event-date:nth-of-type( 2 ), .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-time { display : none; } /* end hide event times and end date */ This is for v7.1 and specific to the poster's need. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
harry_ Posted January 18, 2022 Share Posted January 18, 2022 @creedon thanks a lot for your help ! It worked 🙂 . Now I only see the start date of events which is what I wanted. I want to use this feature more like blog posts, so event start date = post entry date. I think I also figured out how to display all events on one column! Thanks for your help, much appreciated! creedon 1 Link to comment
sarahsehg Posted April 15, 2022 Share Posted April 15, 2022 I've followed quite a few of these threads and have been able to remove time (thank you @creedon and @tuanphan!!), but similar to MeganG's previous post, the commas are still showing after the year. Any specific code to remove those? Link to comment
creedon Posted April 15, 2022 Share Posted April 15, 2022 24 minutes ago, sarahsehg said: but similar to MeganG's previous post, the commas are still showing after the year. Any specific code to remove those? Try the following but I can't be sure it will work without seeing the event page. /* begin hide event times and separators */ .eventitem--multiday .eventitem-meta-time { display : none; } .eventitem--multiday .eventitem-meta-date .event-date:after { content : unset; } /* end hide event times and separators */ This is for v7.1. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Janeli Posted July 12, 2022 Share Posted July 12, 2022 Hi, I need some help. I need to remove this section to one event. How I can do it? Then the full page have to be in center. Link is here: https://www.minec.ee/koolitus/event-minec-forum-2022 Link to comment
tuanphan Posted July 12, 2022 Share Posted July 12, 2022 3 hours ago, Janeli said: Hi, I need some help. I need to remove this section to one event. How I can do it? Then the full page have to be in center. Link is here: https://www.minec.ee/koolitus/event-minec-forum-2022 Edit that event > Add a Code Block at bottom of description > Add this code <style> .eventitem-column-meta { display: none; } </style> Janeli and Milton-Creative 1 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
expressivearomas Posted August 28, 2023 Share Posted August 28, 2023 Thank you so much for the code. This is what worked for me to remove time /* remove event time from calendar */ li.eventlist-meta-item.eventlist-meta-time.event-meta-item { display: none; } I am having trouble removing the time from the calendar block I have added https://www.expressivearomas.com/events-calendar Link to comment
tuanphan Posted August 30, 2023 Share Posted August 30, 2023 On 8/28/2023 at 11:50 AM, expressivearomas said: Thank you so much for the code. This is what worked for me to remove time /* remove event time from calendar */ li.eventlist-meta-item.eventlist-meta-time.event-meta-item { display: none; } I am having trouble removing the time from the calendar block I have added https://www.expressivearomas.com/events-calendar You mean remove this Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
creedon Posted February 28 Share Posted February 28 This is another variation on hiding these elements. Add the following to Website > Website Tools > Custom CSS. /* begin events page list stacked multiday times and separators hide */ .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-time { display : none; } .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-date .event-date:after { content : unset; } /* end events page list stacked multiday times and separators hide */ This is for v7.1. User1776 and tuanphan 2 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
User1776 Posted August 15 Share Posted August 15 On 8/28/2023 at 12:50 AM, expressivearomas said: Thank you so much for the code. This is what worked for me to remove time /* remove event time from calendar */ li.eventlist-meta-item.eventlist-meta-time.event-meta-item { display: none; } I am having trouble removing the time from the calendar block I have added https://www.expressivearomas.com/events-calendar I found on another thread this solution that worked for me! (https://forum.squarespace.com/topic/180571-how-to-hide-times-on-events-calendar/) 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; } tuanphan 1 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