abbyleighton97

https://www.abbyleighton.com/

Hi! I am looking for a way to hide/remove the play arrow icons that are on top of my reels in my IG feed block in my footer. Is there a way to do this with a code injection? Thank you!

Yes, I do have custom code on this site. I can't seem to figure out where in my code injection this line is!

Hello! I am fixing up some errors on my new site build, and had some questions about some glitches that appear to be happening. The first one is that the items in my floating header don't seem to be centered vertically to the brown block itself. (It used to be fine, but somewhere along the way with my custom coding injection it messed this up and now there appears to be more padding on the top than the bottom!) The second is the weird button animation that is happening whenever you hover over all buttons- before there was no animation (which is what I wanted) but now it has this inverted color on hover effect. I never added any code that would make that happen (although I do have some code that applies some hover effects to certain buttons & areas, none of them are this specific animation) I would love some help in troubleshooting these two things- thank you in advance and let me know if you need any more info! The site URL is: https://www.abbyleighton.com/

Yes, it's https://www.abbyleighton.com/general-store

Hello! I am trying to add a small custom CSS badge to the first item on my "shop all" page on my site. I'm not sure what I'm doing wrong here- here's the code I am trying to work with: //Shop Styling// .ProductList-item:first-child .ProductList-image { position: relative; } section[data-section-id="60305a47bd582f47015e8f36"] .ProductList-item:first-child .ProductList-image::after { content: 'NEW!'; position: absolute; top: 10px; right: 10px; background-color: #624531; color: #F8F4EF; font-family: JNL Sign Department; font-size: 14px; padding: 5px 10px; border-radius: 50%; /* Makes the badge circular */ z-index: 10; /* Makes sure the badge is on top */ } When I add this code to my site, nothing appears 😞 Would love any feedback or advice on this issue! I've also attached a screenshot of what I'm trying to achieve.

This is AMAZING! Thank you so much 🙂

Hey! I am looking to customize my individual blog post pages a little further than the squarespace default options allow. I am wondering if it's possible to upload a blog post header/png or even a section that will live at the top of all my individual blog post pages? (See attached photo for reference- I want to create the "Trail Notes" and the small tree icon on the right to be the blog header on all my blog posts). I'm also wondering if there's any custom CSS code that will round the corners on all blog post images (not a code that rounds all image corners on site). I am also planning on adding the blog sidebar as a separate plugin, so I would mainly love some help on trying to get the universal blog post header image and rounded blog post image corners to be a thing. Any help would be greatly appreciated! You can check out the blog page in its current state in the other attached photo, or at the URL: https://www.abbyleighton.com/blog/a-big-myth-in-the-brand-design-industry-a-good-productservice-sells-itself

https://www.abbyleighton.com/home-new

Hello! I am wanting to add a custom font to the marquee scrolling block to accentuate a couple words (see attached screenshot for the design I am looking for). The custom accent font is one that I created called Abby's Notes. Is there any way to make the words "community" and "camp" be the accented font along with the accented color? Thank you!

Hello! I am re-doing my website and I'm looking to customize a section on my homepage. I want the section background color to change to a custom HEX code upon image hover, for the three projects shown to make the background color more on brand. This site right here is a great reference as to what I'm looking for: https://hoodzpahdesign.com/ Here's a screenshot of the new section: Thank you in advance!

Yep, that was it 🙂 Thank you so much! So stoked

Omg you are SO RIGHT! Thank you!! The only thing is that I can't make the section with the tab as thin as I want. the lowest row count I can go is 6. Is there any way to do a custom row count less than this that can make it flush with the button (2 rows)?

Hello! I am revamping my website and I came up with this idea to have labelled tabs at the top of every section on my homepage. Please see attached photo for reference. I love the vintage look it gives. Is this possible to do with code? I've seen other sites do this design, so I know it is somehow! Any advice or recommendations greatly appreciated! They don't need to link out to anything, just looking to add it as a static design element.

That's the perfect solution, I was thinking way too hard about it! Lol thank you!