mrb317 Posted October 2 Share Posted October 2 Site URL: https://scottsdalebible.com/bulletin 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 } Link to comment
mrb317 Posted October 2 Author Share Posted October 2 @thesquareteam I'd prefer to keep the solution in the thread. thanks! Link to comment
tuanphan Posted October 6 Share Posted October 6 You can use this solution, in case you still can't figure it out exact code, let me know, I will give you code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment