melody495

Try removing "FontURL" from your first font file extension. ".ttfFontURL"

If that doesn't work, has all h and p font stopped working or specific ones?

.item-pagination-title {
	font-size: 16px !important; // change to size you need
}

Can't check without a link to your website, but try the above? Add to your custom css

2 hours ago, Alexsh said:

I'm facing an issue where targeting the "yui" prefixed block doesn't activate the hover effect I want. To achieve this effect, it seems I need to target a block ID without the "yui" prefix, which I'm unable to locate.

I don't think that is your issue, as you can see from the below screenshot. The bottom example hover works, but that "reveal" text block is also #block-yui_xxxxxx

I would double check the behaviour of the css selector ~ , as I am not familiar with that. But for the pairing that works, the reveal text block comes AFTER the black box. Whereas the reveal text block that is not working, it sits as the very first element in the list, after the hover block.

1 hour ago, PoppyShotts said:

I am unable to locate the block of the 'past events' title - I used this code: 

.eventlist.eventlist--past:before {
    content: "PAST EVENTS";
    display: block;
    font-size: 30px;
    text-align: LEFT;
    margin-top: 50px;
}

put this line in your block of code

font-family: roboto !important; // your own font

Hi, you can install Square Space ID Finder, it gives you ID of each block. 

@Que594 you are welcome 🙂 

Hi, assuming you are using a template? 

For changing the block to your own font. You can target your block like below. You can get the id by using SquareSpace ID Finder.

#blockid xx { // depends how you set up your block, you would need an "a"/"p"/something else to replace xx
	font-family: roboto !important; // your own font
}

For space between the events, add this to your custom css

.eventlist-event {
	margin-top: 90px !important; // current is 68px, so anything above
}

For drop down, possible, but would require more work and depends how you want it to look.

Hi, without your website it's hard to see what you are trying to achieve. but try adding this to your custom css?

@media only screen and (max-width:640px) {
	.header-nav-item a::after {
		width: 50% !important; // set number to what you need
	}

	div.header-menu-nav-item a::after {
		width: 50% !important; // set number to what you need	
	}
}

Hi, try adding this to your code injection for that page

<style>
  .header-nav-item a {
  	color: #fab03a !important;
  }
</style>

or in your custom css

#collection-6397566f4b671219b0cd7772 .header-nav-item a {
  	color: #fab03a !important;
  }

2 minutes ago, Phex said:

Theres error.

Ok, it should tell you which line is erroring. If you need help debugging, post code here, can't see your code.

5 hours ago, Exileking said:

Heres the code:
 

@font-face {
font-family: 'PPNeueBit-Bold';
src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65427a15f69795345707f54f/1698855445688/PPNeueBit-Bold.otf');
}

Is this all the code? Here you have only loaded the font file for "Bold". You need to do the same for "Regular". Then the rest of your code should work. 

I've been looking recently also, this is what I found. There is no native SquareSpace feature for this. 

For 7.0, you can create gallery page and use summary block. Then use the Lazy Load plugin for the summary block, this has the load more option. https://www.squarewebsites.org/squarespace-plugins/lazy-summaries

For 7.1, you can use this plugin. https://elfsight.com/photo-gallery-widget/. You can try the demo, choose the masonry grid and turn on load more. 

The site I wanted to do this is 7.1, and I didn't go with the plugin, so can't comment on usability. I use Lazy Load on summary blocks for blogs, and found it easy to use, there's a slack channel for support also. 

I tried to code something ... But maybe in the future. 

Is there an error in your CSS? Look at the bottom, is there a red line that says something like "error on line xxx"

Please post code here. 

10 minutes ago, Nimay said:

The !important addition indeed solved it! (plus adding the missing dot in the last paragraph before user-items... ) 🙂
 

Ah good spot about the missing dot! that was probably the issue. 

You are welcome 🙂 glad it worked for you.

What does it look like after you've put the code in?

Hi try this?

Hi, please share a link to your website

Hi, please share a link to your website. You might have added it to the post, but it's not showing it 🙂

@Ziggy funky! which dimension did you test to reproduce the issue?

Hi, please can you share a screenshot of the issue? This is what I see, seems fine?

@melaniejaane @tuanphan slightly off topic, but do you use this for all css? I thought most browsers support standard css. Or are these to support very specific cases that you need?

12 hours ago, Phex said:

does not, unfortunately

To rule out your browser, try the troubleshooting steps 1) 2) 5) here https://support.squarespace.com/hc/en-us/articles/115004581087-Troubleshooting-browser-issues 

If not, then I suggest contacting SquareSpace support, as this is an issue with functionality. These forums are not monitored by SquareSpace.

You can contact them here, https://support.squarespace.com/hc/en-us/requests/new

I find their live chat support very useful and responsive!

@Nimay I tested this on your website, so these are the  elements on your website. Can you add !important after each of the css styling and see?

Below new code

// makes the slideshow part smaller
.user-items-list-carousel__gutter {
	padding-left: 10vw !important;
	padding-right: 10vw !important;
}

// Gives more padding between the arrows and the edge of the container
.user-items-list-carousel__arrow-wrapper--left {
	padding-left: 2% !important;
}

user-items-list-carousel__arrow-wrapper--right {
	padding-right: 2% !important;
}

Let me know how it goes.

Edit: to answer your question on how to find your element name, you right click on the component and click inspect, you'll see the html. If you're not familiar with it then you'll need to read up on it, and be mindful of the parent/child relationships and how they behave, and some best practice. 

6 hours ago, peteryang said:

'm looking to fix the newsletter block on my main page not footer.

If you share the code that works for you in the footer, can modify for main page

Hi, try reloading the page or clear the browser cache, see if it helps?