Jump to content

JesperZ

Member
  • Posts

    16
  • Joined

  • Last visited

Everything posted by JesperZ

  1. Hi, I have a partner listings-page where I have custom css in place. Each company-item is a separate blog-item. I noticed another article for disabling all links by using pointer-events : none; But I just want to force them to open in a new tab. So, are there other options than "none" and "default" that I can use for this?
  2. My partners page (see url) does not look very good on mobile. I have created the partner-page with a summary block (actually 3 summary blocks for different partner categories) where I have used Custom CSS to hide the item title and make the summary-thumbnail (partner-logo) smaller. As a result of the first two changes, I also needed to move the exerpt up a bit to minimize the void after the smaller logo. /* PARTNER-LIST CUSTOMIZATIONS */ //Summary page customization //Hide Item Title [data-section-id="64ba28c2818bb86d1650b942"] * .sqs-block-summary-v2 .summary-title { display: none; } //Make Logo smaller [data-section-id="64ba28c2818bb86d1650b942"] .sqs-block-summary-v2 .summary-thumbnail img{ border-radius:20px; max-width: 50%; max-height: 50%; } //Move excerpt up to match smaller logo [data-section-id="64ba28c2818bb86d1650b942"] .sqs-block-summary-v2 .summary-excerpt { margin-top: -180px; } /* END PARTNER-LIST CUSTOMIZATIONS */ These customizations are what is causing a bad experience on the mobile. (see attached examples of the current full-screen view and mobile view) If I remove this custom CSS for the section, it looks great on mobile, but not good at all on a full size screen. I have not used resolution specific CSS before, but have found some posts here on the forum that's suggesting that it should be possible to do what I need. But I haven't been able to figure out how to use this exactly in my example. Could anyone please clarify for me how to make my CSS Customization code above specific for full-screen only?
  3. Great, that works for sure 😄 I put the following in the Event Page Header Code Injection: <style> .item-pagination * { display: none !important; } </style>
  4. Very true @tuanphan, your CSS code above does the trick. But, I have multiple event pages, so how do I specify the code to only hide pagination one of them? I have tried with section-id (below), but that does not work. //HIDE PAGINATION [data-section-id="64b5aebc0d0fbb23fbd9176a"] .item-pagination { display: none !important; }
  5. That was simple enough 😊 But it only takes me half-way. Now, how can I hide the time and just keep the date. And how can I add static text in front, or above the date?
  6. I'm trying to use Squarespace Events to create a page containing current open job-listnings summary. The reason for using Event for this is for the job-listing to disappear when it's application date has expired. So, what I wanted to do was just hiding the start-date. Perhaps replacing it with a fixed phrase "Last application date" then followed by the event end date. Could this be done?
  7. Sure, See the page here What I was looking for was a solution to hide the section in the form 3 days before the start date, and instead display another section containing wording about the registration being closed.
  8. To set the plugin up for default Alphabetical sorting, you need to add the following line directly after "Settings -> position. initState:{sort:['Alphabetical|asc']}, // Define what options need to be enabled on filter start
  9. I'm looking for a way to show/hide sections in an event article so that I can offer visitors to register for an event up until 1-3 days before the event starts, and after that instead of the register form show another section saying something like "Registration is now closed". I have seen a couple of discussions on the forum touching this but, I believe, not exactly what I'm after.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.