kaydotjpg

Hi! 

I have a client hoping to make an image draggable (just one image). I've found a codepen code, but I'm not sure how to put the codepen into my site correctly (there seems to be different options). If someone could help me figure out how to do that with my tester site (we can use the oval image on the second section, code block: #block-374ede71b52e85ca10b8) Thank you!!

site: https://krill-cinnamon-fcfj.squarespace.com/
password: hello

Hi @Vicks just checking in....

Hi @paul2009 just checking in on this....

Thanks Vicks! I just put that new code you provided into the footer code injection area. But dang, it still seems to be active on all pages as opposed to just the homepage. Take a look

https://grouper-azalea-byr2.squarespace.com/new-page-1

password: lara 

@Vicks I have the code in the footer code injection area.

I replaced the second line of the code with the new line you gave me, but the effect just disappeared all together. I could be deleting too much of the original l code? Or something? Would you mind rewriting the code with the new line added? Just to make sure I get it right 

Hi! 

I would like to decrease the letter spacing on the buttons that are present in the List section. I would also like to change the hover effect (from that solid purple to a translucent purple). I've tried a bunch of codes and even inspected the site to try and get the css name but can't get it to budge. Thank you! 

Site: https://grouper-azalea-byr2.squarespace.com/portfolio

password: lara

@Vicks holy crap, this worked perfectly! However, I only want this effect on the homepage, no other pages, is this possible?

Hi! 

Not sure if this is possible, but my client loves her homepage but feels as if her name being displayed twice (big and bold on the first section, then in the site title) is overkill. She's wondering if her site title can be hidden from the very first section only of her homepage only, and then appear like normal as you continue to scroll through the site? 

site: https://grouper-azalea-byr2.squarespace.com/

password: lara 

@paul2009 Hi, thanks so much for explaining that. For this particular situation, I would like this text change once expanded only on one particular accordion. When collapsed it says "READ MORE" and once expanded I would like it to read "READ LESS". Can you help me with this code? The block ID for this accordion is: 

#block-yui_3_17_2_1_1681517195512_6004

@Ziggy thank you <3333

https://pineapple-saxophone-jrkr.squarespace.com/

password: tunika

Hi! I have a custom "dot" hamburger icon. However, I would love to nudge it a little higher up by a pixel or two. Is there a way to do this? Below is the code I'm currently using for the custom icon: 

.burger-box:after {
content: "•";
text-align: right;
font-size: 100px;
color: #EE6C70;
display: block !important;
}

.burger-box {
  width: 20px !important;
  height: 40px !important;
}

.burger-box div {
display: none;
}

https://grouper-azalea-byr2.squarespace.com/

password: Lara 

This might be a little far fetched, but I was wondering if there is anyway to change the title to my accordion dropdown when it's expanded?  I'm trying to be clever and create a "read more" button using the accordion feature, which so far looks really great! However, when the "read more" is expanded, it continues to say "read more" (obviously). I would love it to say "Read less" when expanded. Any help?

@Ziggy just tried that last code you gave me, but it didn't work. 

The code "#page #sections .content-wrapper { min-height: 100vh; }" is the only code that has worked on the homepage so far, but for some reason expands the scrolling block section on every other page. So weird. I took it off. Now we are back to square one. Every page looks great, but homepage still has the gap. I'm wondering if the issue lies within the code that I'm using for the vertical split header. What do y'all think? Feeling desperate to fix this issue! And really appreciate y'all help so far 

//SPI NAVIGATION//
@media screen and (min-width:768px) {
a#site-title {
    position: fixed;
    top: 50%;
    transform: rotate(270deg) translateY(-30%);
    left: -65px;
  font-size: 1.5rem;
 
}
nav.header-nav-list {
    position: fixed;
    top: 50%;
    transform: rotate(90deg) translateY(-50%);
    flex-direction: column;
    right: 60px;
}
nav.header-nav-list>div:nth-child(1) {
    position: fixed;
    left: calc(~"50% - 100px");
}
nav.header-nav-list>div:nth-child(2) {
    position: fixed;
    left: calc(~"50% - 35px");
}
nav.header-nav-list>div:nth-child(3) {
    position: fixed;
    left: calc(~"50% + 50px");
}
nav.header-nav-list>div:nth-child(4) {
    position: fixed;
    left: calc(~"50% + 150px");
}
}

@Ziggy @Vicks  So super weird, when I applied the code below, it worked perfectly on the homepage. I got so excited, but when I checked out my other pages (Writing, Mood, About)- the code made the section with the scrolling block huge and long? What the heck. Check it out (I left the code on the site so you can see). I feel like we're getting closer though!

site: https://pineapple-saxophone-jrkr.squarespace.com/

password: tunika

#page #sections .content-wrapper {
    min-height: 100vh;
}

Figured it out- the footer underneath (that is hidden using CSS) was expanded so far down, that I had to shrink it completely for the blocks to show up. All good. 

Hi! 

So, what the heck, when I go to edit the mobile version of my client's homepage only (all other pages are totally fine) the blocks are just not showing up at all? (1 image block, 2 texts blocks, 1 scrolling text block)- there's just....nothing. I tried logging on a different browser, but no luck. I have some css coding, but can't guess what would be causing this issue. Screenshot of the desktop + the mobile version in edit mode. Thank you!!

website: https://pineapple-saxophone-jrkr.squarespace.com/

pw: tunika

@Vicks applied, but got nothin', dang!

@Vicks thank you for this. At first it gave me an error, but I deleted the "<style>" and "</style>" and it worked- on every page BUT the homepage 🤣 Which, I have the same scrolling block at the top of each page, so it closed those gaps, woohoo! but the gap on the homepage still remains. 

@Ziggy thanks for your response. When you said "first section is set to 100vh" I assume you are talking about the height of the section (there is only that 1 section on the homepage)- which I went ahead and changed it "1" height. I attached a photo so you can see what I mean, and to make sure I made the change you were referring to. Next, I wasn't totally sure what you meant by "contents vertically aligned to the center, suggest top aligned at least" (in the site? within the code?)- could you elaborate on that part? Thanks! 

@Ziggy ah, yes! That definitely worked! I expanded the accordion block down multiple rows, into the empty space. The image expands a bit, but not a ton. Thank you!!

@Ziggy https://grouper-azalea-byr2.squarespace.com/

password: lara

@Ziggy https://grouper-azalea-byr2.squarespace.com/

password: lara

For future reference, should I just add the site URL to the actual post? Typically I add it in the URL box.

Omg, amazing, thank you @abibacon! That icon changed.

@Ziggy https://pineapple-saxophone-jrkr.squarespace.com/

Hi! 

I have an accordion menu on my homepage (it is the "+ READ MORE", it can be easy to miss since it does not look like a tradition accordion menu). I would love to add an oval border around the title "+ READ MORE". I know how to add a rounded edge border, but I'm aiming to have it look more like a button, and for it match the "Contact" button in my header. Is this possible?

password: lara