Jl87

Hello. I have custom icons on an accordion and had this code below for adding them. It works! Today I went to reorder the accordion options AND added a 5th one (there used to only be four. I did the same thing I did last time and just added a 5th line of code and the image for the icon. This isn't working! All the icons stayed in the same order (despite the new saved code being different image urls, and the 5th one doesn't show at all. Any idea what is happening and how to fix? Website: www.GTMEnabler.com For clarity on what the image names are... 19.png = lightbulb 20.png = Presentation 21.png = Gears 22.png = Pencil icons.png = Megaphone The order for the new layout is supposed to be... lightbulb Megaphone Presentation Gears Pencil The OLD layout was... Lightbulb Presentation Gears Pencil /*ADDING CUSTOM ICONS TO THE ACCORDION BLOCK WHILE KEEPING THE ARROW OR PLUS SIGN (7.0, 7.1 CE & 7.1 FE)*/ .accordion-item__click-target::before { background-size: contain; content: ''; height: 40px; margin-right: 10px; width: 40px; } .accordion-item:nth-child(1) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/65935f0e8084207544c13794/1704156942576/19.png); } .accordion-item:nth-child(2) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/66083541b1e9b9435d8c9765/1711813953494/ICONS.png); } .accordion-item:nth-child(3) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/65935f4c06b20640d2cea316/1704157004867/20.png); } .accordion-item:nth-child(4) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/65935f4c6f18a20366260a4f/1704157004865/21.png); } .accordion-item:nth-child(5) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/65935f4c8084207544c14268/1704157004856/22.png); }

@Ziggy Thank you. This works! How do I make it so the navigation text 1) Is aligned with the icons? It seems to be "off center" with my social icons and 2) NOT have a "strike through" line when you mouse over the item. See vid for example Screen Recording 2024-01-22 at 2.02.14 PM.mov

Hi! I have tried every online tutorial for this. I know how to create an anchor link in the code block and I know how to add it as a "link" to the navigation, but it does not work. It doesnt do anything when I click the link. I am trying to create "jump links" in my navigation that jumps to sections of the homepage. I just have one continuous page and dont want separate pages. Any advice? website: www.gtmenabler.com Example of what I tried:

@tuanphan I am having the issue on all pages as its mobile view for Android that looks like this.

I got it to work by adding an !important tag. TY!

@Ziggy it won’t let me adjust the size anymore. When I adjust the size in the code itself it just changes the size of the calendly calendar - NOT the excess white space below.

@Ziggy no warning message! Just no removing of the space. Here’s one of the pages with the calendly embed. See all the space below? https://www.gtmenabler.com/book-consult

@Ziggy I'm having some similar issues. On desktop/mobile, my website looks great - but looks awful on ipad. I'd like for the ipad view to respond exactly like mobile, but it instead acts like desktop and smooshes content together and creates tiny columns of overlapping text. thoughts? www.gtmenabler.com

@tuanphan I'm having this same issue. I'm viewing my mobile version look on Android view of Chrome DevTools, and I have white space on the right side of the whole thing for this device view. Any help? www.gtmenabler.com

Hi! I'd love any and all feedback on my site. Some things in particular I'm interested in getting thoughts on... Design Layout Loading speed/quality Content (does it make sense?) All links, widgets, etc working website: www.gtmenabler.com Thank you!!!

Hi. I've added buttons to my accordion. How do I remove the underline from the button (text-decoration CSS not working)? How do I get the button to "center" in the accordion block and not be left aligned? How do I add one or two line space from the text in the accordion and the button? } .sqs-block-accordion a { border: 0px; background: #FFCC02; color: # !important; padding: .75rem; font-weight: 650; border-radius: 18px; display: inline-block; padding-top: .75rem; padding-bottom: .75rem; padding-right: 2rem; padding-left: 2rem; text-decoration-line: none !important; &:hover { background: #282E42 !important; transition: 0.2s; color: #FFF !important; } } website: www.gtmenabler.com

Hi! I have a logo on my website that is left aligned. However, I have the text on my whole page being a few gridlines in and want to have the logo aligned to the text. How can I move the logo in to align while also ensuring it stays align dynamically regardless of screen? For more context - it seems to do this innately in mobile view. website: gtmenabler.com

@Ziggy I have the same problem. the code is in my CSS per your instructions and it didn't work. any help? website: gtmenabler.com password: password

@tuanphan you're the best!! thank you!

Hi! I'm trying to turn my navigation into anchor links that scroll to parts of the home page. The only one I have up right now is for "services". I added this code into the section of my home for services (section is titled "See quick ROI with full range services"): <div id=”services”></div> Then I created a navigation link called "services" with the link itself being to #services. This didn't work, so I tried the link as /home#services. This didn't work. How can I make my navigation into anchor links? Thanks! website: gtmenabler.com password: password

@melody495 Thank you! I got this online so dont know CSS personally. Can you elaborate on what to put in the CSS to fix? thank you!

Hi. I have a rounded corner button all over my page. When one hovers over it, the hover effect is square (not rounded corner). How do I fix? Want for ALL buttons on page. website: gtmenabler.com password: password IMG_0169.MOV

Hi! I am trying to prevent text wrap on a specific title in mobile. See image below - I want it as ONE LINE, not two. I tried this CSS, but doesnt work. help? @media screen and (max-width: 767px) { #block-yui_3_17_2_1_1701560489330_14673 .sqs-block .sqs-block-content { white-space: nowrap !important; } }} website: gtmenabler.com password: password

Hi. I'm trying to customize my already customized accordion. See image below for what I need. Any help is appreciated! website: gtmenabler.com password: password

@tuanphan I am having this same issue. It's not zooming in the image, but it is just making the image larger than I want. Any help? www.gtmenabler.com password: password

I have scoured the internet. I can NOT find what I need. I need to make an accordion do the following (images attached)... How do I add custom icons to the accordion like the images here? How do I create a rounded corner "box" around each accordion piece like the images? How do I have an image appear NEXT to (not in) an accordion section upon expansion and change that image with each different accordion expansion section FOR DESKTOP, but then do a mobile view with the image IN the accordion (so no real need to "change the image on expansion")? How do I put bullet points in an accordion section and make them a specific color? I will pay you for help! Please help. Thank you. Website: gtmenabler.com password: password

@creedon see above comment

www.gtmenabler.com (password is: password)

Hi. I had a person help me create this section of my website that has an accordion for which when you click on a section of it, an image from a custom injected gallery object appears (it's custom because the gallery block does not natively exist on my squarespace website version). The section generally works okay, but I need some help making some major changes to it. See below for the visuals of before/after of both mobile and web. You can also visit the website to see it in action at www.gtmenabler.com (password is: password). The web version "image switch" effect doesnt seem to work, but it DOES currently work (kind of) in mobile. I'm willing to pay for help getting this done. I can share all the graphics, iconography, etc. I just need to mechanics done. Thanks!

@mannhands I think this looks GREAT. Honestly, no feedback. Question though - how did you do the scrolling logo thing? I want that 🙂