yeah I cleared my cache and its almost worse now? It's all very frustrating something that should take me a small amount of time is taking up double or triple and I'm getting nothing accomplished. Has anyone had the same issues with 7.0 or is it just 7.1?
I've looked everywhere and I'm still not sure I understand how to take codepen code and add to squarespace. All I've seen is to just add a code block and put it all in the code block? I can get the html and css to work but soon as I try the Js it doesn't work. I was trying to test out this as a practice to try and figure it out.
https://codepen.io/cameronknight/pen/qBNvrRQ
on this page https://flugelhorn-seahorse-lzrb.squarespace.com/code-test-page?p?p
pw: design123
I cant find any clear information on how to integrate codepen to squarespace. If anyone has straight forward instructions or youtube videos / links etc where I can research this more I'd appreciate it. I think I'm just not sure where each part gets placed into squarespace or when to change an id to something squarespace specific? I think I just need it really dumbed down.. lol
Its literally faster for me to delete all my images and re upload them in the exact order I want, it just wont let me rearrange at all i move one and the rest get shuffled. It's driving me crazy. I'm going to put a ticket it to let them know but it probably wont be fixed any time soon.
7.1 has grown on me but so many things make the work flow sooo unbelievably slow its frustrating.
@RebekahWatters Same! its like a 10 second delay when adding a space, or clicking something and makes typing anything a pain and so many times it wont save and i lose everything. I'm glad its not just me so hopefully they fix it, its so frustrating!
@RebekahWatters Same! its like a 10 second delay when adding a space, or clicking something and makes typing anything a pain and so many times it wont save and i lose everything. I'm glad its not just me so hopefully they fix it, its so frustrating!
@RebekahWatters Same! its like a 10 second delay when adding a space, or clicking something and makes typing anything a pain and so many times it wont save and i lose everything. I'm glad its not just me so hopefully they fix it, its so frustrating!
Its literally faster for me to delete all my images and re upload them in the exact order I want, it just wont let me rearrange at all i move one and the rest get shuffled. It's driving me crazy. I'm going to put a ticket it to let them know but it probably wont be fixed any time soon.
7.1 has grown on me but so many things make the work flow sooo unbelievably slow its frustrating.
YESSSS!!!!! It worked! Well, almost. For some reason the sliding box goes to the top of the page all the way to the bottom of the page and is on top of all of the other sections including the header and footer. But your instructions worked! Thank you @iamdavehart and @jenniferboddam
Here is the code:
<div class="master-head">
<h1 class="page-title">Colored Stem</h1>
<p class="page-description">Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water.</p>
<p class="scroll-button" onClick="$('.post-wrapper .post:first-child .stem-overlay .icon').click();">Ready to go for a ride?</p>
</div>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<article class="post bitbucket-icon">
<div class="stem-overlay">
<div class="icon"></div>
<div class="stem-mask"></div>
</div>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
<div class="post-content">
<p class="meta">Written yesterday at 8:56 pm</p>
<h2 class="post-title">This is my post title</h2>
<div class="entry-content">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</div>
</div>
</article>
</div> <!-- post-wrapper -->
I would add that codepens aren't written to be simply embedded into any old site, there's all sorts of things that could trip you up, especially if they've used classnames or document Ids that trip over squarespace's own ID system (mostly Yahoo's naming system actually, but that's another story).
A full implementation may require editing of the code, not just for IDs, but for execution order too, as squarespace may not have loaded the full page by the time the code executes.
For simple examples, what I've written will probably suffice, but some codepens get very long, and they're not always written in the most robust way. Still, hopefully what I've written will help, but codepen is a demo site, not always production code and certainly not written to play on any site other than codepen.
For example, in your horizontal text holder, the author of the code pen changes the style of the p (paragraph) element. this has a very good chance of affecting the style of all paragraphs on the page that the code block is hosted, so you would need to change that. One way to do that is to find the block id from squarespace and add that before EVERY rule in their CSS.
so "p { ... }" becomes "#block-yui_3_17_2_1_1629035493144_2260 p { ... }"
Good luck!
Hi @IgnitePerth thanks for the feedback and suggestions. I gave it a try, its not exactly what I was looking to do but I see how it could work. I think I just need to play around with it for awhile and stick within squarespaces means for now. As this only goes back and forth and not a continuous carousel starting back at the start, as well as it still stays "contained" within the summary container if that makes sense. I thought maybe there was a way to just show what was sitting out side the summary block without changing the number of projects showing.
and It will also be an updating thing so probably should stick with something that's easy to edit
appreciate the attempt though!
To make your "View More" links right-aligned and add the arrow back in, try the CSS below instead:
a.summary-read-more-link {
visibility: hidden;
}
a.summary-read-more-link:after {
content: "View More →";
visibility: visible;
}
Hope that helps!
In case this helps anyone, here's how you can do this in a blog summary block on 7.1:
a.summary-read-more-link {
visibility: hidden;
}
a.summary-read-more-link:before {
content: "New Link Text →";
visibility: visible;
}
ok, I figured out that if i do a blank section and then add an image that way it will do the full image but it wont let me do full bleed of the blank section so for a work around I think I will probably just throw the background colour the same as the image, unless there is a better way?
Site URL: https://flugelhorn-seahorse-lzrb.squarespace.com/config/pages/60aecc3b0856c07375a2e1c7?p
Ok, so I hope its not painfully obvious but I dont know why this isn't a thing? I'm trying move my portfolio site from adobe portfolio over to squarespace. I have a long scrolling image I like (I've posted the example from old site) where you can just continuously scroll it
But no matter how many ways i try to upload it, it just gets cropped. so is there any css or any way to stop this from happening. Or does any one know a workaround for how i could get this to work in this long image style?
my site: https://flugelhorn-seahorse-lzrb.squarespace.com/config/pages/60aecc3b0856c07375a2e1c7?p
pw: design
It's so bad 😭 It's taking about a minute just for my cursor to show up when I click on a section of text to edit! Have to save each tiny change straight away because if I make too many changes it just freaks out and doesn't save any of it. SO FRUSTRATING.