mrb317

@thesquareteam I'd prefer to keep the solution in the thread. thanks!

Link to website: https://scottsdalebible.com/bulletin password: CommsOnly! A screenshot and description of issue: I am having trouble with my CSS code. I am trying to apply a single image to a dropdown and only want it applied to a specific accordion on the bulletin page. The image is showing in all the dropdowns when I only want it to show in the last one, Giving (5th). I would like it to appear to the left like shown below in the first dropdown but it seems to be creating multiple columns in all the dropdowns and only want a single column in all dropdowns except for the 5th, the last one, which would have 2 columns with the image added. This is the Custom CSS that is applied to the Website Tools section: .accordion-item__description:before{ content:" "; display:block; width:650px; height:250px; background-image:url(https://static1.squarespace.com/static/64766a690b1b63200299c21f/t/66ecb5b95aec9948b4c0770a/1726789049384/SBC-YTD-Giving-09162024-budget-chart.png); background-size:contain; background-repeat:no-repeat; margin-right:25px; margin-bottom: 10px !important; } .accordion-item:nth-child(5) .accordion-item__description:after{ background-image: url(https://static1.squarespace.com/static/64766a690b1b63200299c21f/t/66ecb5b95aec9948b4c0770a/1726789049384/SBC-YTD-Giving-09162024-budget-chart.png)!important } .accordion-item:nth-child(5) .accordion-item__description:after{ content:none!important } .accordion-item__description{ display:flex!important }

Awesome! That was it. Thank you so much for your feedback @creedon Super helpful! I'll be sure to refer to your suggestions when requesting help! Appreciate it!

@creedon I have disabled the scripts and it does display the social links so it does seem to be the code injection. Thank you! The site is: https://scottsdalebible.squarespace.com/ ps: squarespace

Hi, I need a second pair of eyes on my site code injection. It seems that the code I have added to the code injection panel is causing an issue on my site and preventing the social links block from displaying. @tuanphan are you able to assist?

@creedon @Lesum Both worked. Thanks so much!

@Lesum https://scottsdalebible.squarespace.com/ GoLive

Need help troubleshooting why my icons are scrolling over my navigation. It happens on mobile and desktop. CSS is not directly applied to these and I adjust layer order. Not quite sure where to start in figuring out how to fix this. I have it set to Fixed position and a Basic style. Any help would be greatly appreciated!! https://www.loom.com/share/e908e46bbdc14590b0f7dfaf74511675?sid=e9f0773b-ccb8-4efc-87de-82204086f345

Are there any updates to this? I can seem to find how to adjust this CSS.

My site is erroring out and I need assistance with finding out what the issue is. Squarespace and Godaddy don't seem to be able to help. It seems to go in and out. It is available sometimes and others it is down. I'm getting this error repeatedly. Please help! Any direction is appreciated. @tuanphan are you able to help?

Are there any updates for this? I have multiple events that are spanning multiple days and I just want to remove the time from all event posts. Right now I have sticky CSS applied to the sidebar section (shown below) and I am wondering if that is interfering with the code I am trying to apply. I'd also like to remove the "Back to All Events" link on all event pages. If none of this is possible can I change the layout of the event page instead? I'd rather it display as a grid than a list. Or maybe there is some kind of plugin. ANY HELP IS APPRECIATED. @tuanphan ? CODE FOR STICKY SIDEBAR EVENT INFO: /*sticky sidebar event info*/ .eventitem-title {position:sticky!important; top: 20vh!important} .eventitem-meta{position:sticky!important; top: 30vh!important} .event-meta-addtocalendar-container.eventitem-meta{position: sticky!important; top: 38vh!important} /*event calendar buttons*/ /*this code removes the divider line*/ .eventlist-meta-export-divider, .eventitem-meta-export-divider, [data-content-field="categories"]{ display:none } /*this code adds some space to the top*/ .eventlist-meta-export {margin-top:2rem!important} /*this code is for the Google link*/ .eventlist-meta-export-google, .eventitem-meta-export-google{ background:#D7D8DA; padding: .35rem; border-radius:.25rem } .eventlist-meta-export-google:hover, .eventitem-meta-export-google:hover{ background:#efefef; } /*this code is for the iCal link*/ .eventlist-meta-export-ical, .eventitem-meta-export-ical{ background:#D7D8DA; padding: .35rem; border-radius:.25rem; } .eventlist-meta-export-ical:hover, .eventitem-meta-export-ical:hover{ background:#efefef; } THIS IS THE CODE I'VE USED TO REMOVE THE TIME DETAILS (not working): .eventlist-meta-time {display: none !important;}

What if a have items that need to be hyperlinked within the body of text that I don't want turned into a button? Like this: