rwp

I don't even remember, post a link to your page and the issue.

Need a link to your page.

@hboss22 Please email me from the link that is in my signature. I have been doing a bunch of these lately for people. Squarespace seems to have different variations depending on the theme, I can custom tailor the code to your page. Give me a few days to respond though, it takes a fair amount of work. It will also need to be changed if you add categories or change the names of them, so easiest thing is to make sure you have the categories the way you want them.

Whats the password? I have an accordion plugin on my site, but I am not exactly sure what you are trying to do without seeing your page, so I am not sure if it will work.

That's pretty odd. Try uploading to youtube? Edit, also maybe this will help? https://vimeo.zendesk.com/hc/en-us/articles/224983008-Setting-default-quality-for-embedded-videos

What's the password?

Did you get this sorted out?

In order to use position: absolute, one of the parent elements needs to be position: relative You will also need to change bottom: 1% to bottom 0 You can use any parent element you like, that contains both the image and the text, but padding will have to be account for if you use something way up the chain. This seems to work, but I am not sure if it will effect anything else on your page, its just one that I grabbed to give you an example: [data-layout-label="Post Body"] { position: relative; } Edit, I also just noticed that you also have an issue between 601 and 640px wide, where the image disappears completely.

#timer { text-align: left; }

I think that's the only way.

Happy to help.

I've been messing with this for about an hour, I can't get anything to work. @tuanphan any ideas?

@61885 I added some code to your other post. Should get you going on the right track.

Try this out, this will only do the first section. @media screen and (max-width:1200px) and (min-width:640px) { #photography-1 #page-5f35c573422a312d8302395a .sqs-col-2 { width: 10% !important; } #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 { width: 40% !important; } } @media screen and (max-width:1050px) and (min-width:640px) { #photography-1 #page-5f35c573422a312d8302395a .sqs-col-2 { width: 5% !important; } #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 { width: 45% !important; } } @media screen and (max-width:925px) and (min-width:640px) { #photography-1 #page-5f35c573422a312d8302395a .sqs-col-2 { width: 0% !important; } #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 { width: 50% !important; } } @media screen and (max-width:825px) and (min-width:640px) { #photography-1 .Index-page-content { padding-left: 0 !important; padding-right: 0 !important; transform: scale(0.9) !important; } } @media screen and (max-width:725px) and (min-width:640px) { #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 h1 { font-size: 6vw !important; } #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 h3 { font-size: 3.5vw !important; } }

I will look into this in a bit. This is a complex fix.

Use @media to remove padding and spacers as the width of the screen decreases. You can also use transform: scale() to shrink the entire block so it stays how you want. You are pretty much trying to override squarespaces dynamic sizing, so its going to take a bit of work.

Whats the password?

body:not(.homepage) .header-title-logo { filter: invert(1); }

Need a link to your page to help.

Sorry, I misunderstood. This should do what you want. .header--menu-open .header-title-logo { display: block !important; filter: invert(1) grayscale(1) !important; }

Post a link to your page please.

Did you get this figured out? I don't see a light background.

.sentence { font-size: min(5vw, 55px); }

.homepage .header-title-logo { filter: invert(1) grayscale(1); }

You can add a blocks to the product pages under the additional info tab.