Jump to content

Is there a way to inject custom code to a calendar block event page?

Recommended Posts

Hi everyone, I need some advice on how to change aspects of the calendar block's event listings. Once you click on a calendar event and are taken to that event page listing (where the title and description of that event is), there is no padding between the top of that event title and my navigation header.

I have used custom css to add padding and a sticky nav bar to the top of my page, and need to add padding in between where the calendar event title is and the bottom of the nav bar. Is it possible to change event listings themselves? Or is there no way to do this?

See what I mean here:

alt text

screen-shot-2019-07-12-at-53133-pm.png.1e19474830fb5e20d760690d243ea3c8.png

Link to comment
  • Replies 4
  • Views 1.6k
  • Created
  • Last Reply

The community will need a working link to the page on your website in order to see the issue, the template you are using and the settings in use.

If your site isn't live yet, please check the visibility settings to ensure we can view the site content. If the site is still in trial mode you will need to set a site password and tell us what it is.

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

This issue is indeed caused by the CSS you have added to the site to try to create a fixed nav bar. It's incomplete and doesn't take account of the effect it has on the page canvas. The first step is to remove this so that the site works properly, then build a more comprehensive (ie working) solution for a fixed header.

BrandonW has provided a great introduction to the issues of doing this on a Brine template like yours: https://answers.squarespace.com/questions/135243/prevent-the-navigation-bar-from-disappearing.html

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

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.