Peter550

I would like to decrease the space between the variant drop down boxes, quantity and add to cart button, so they're closer to each-other. Do I need custom CSS? @tuanphan @Agha_Waqas any ideas? Thanks in advance Pete

I would like them to reach the end of the line below - ie. They span the full width I imagine its something to do with padding that I can channge with custom CSS? @tuanphan

Also, if I were to change the accordions to a paragraph font, what would I change the code to?

Legend! Thank you. Can you help spread out the accordions so they cover the full width of the line below?

hi @tuanphan I want these markdowns to be accordion drop-downs in the additional information section. I have added the code into the code injection (see screenshot and below) following this guide - https://stnsvn.com/blog/how-to-add-an-accordion-to-squarespace and use markdowns for the sections. But its not working. I cant click on the + signs and they do not hide the text below. They are visible like in the screenshot all the time. Any idea how to resolve this? /*Accordion Page Settings*/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').click(function() {$(this).toggleClass('plus-minus');}); }); </script>

so close @tuanphan! I need the banner background to be purple too. Currently its blue.

Hi @tuanphan dont apologise your so much help! So, that code partly worked. What I am after is: - The overlay text, overlay 'X' and the banner (in mobile view) to be this purple #6A154D. I need the text on the button to be beige #FBF4E5 (see screenshot)

@tuanphan can you help with those things you mentioned, 1-5, please?

1. The overlay menu background needs to be beige like the rest of the site. I want to keep the logo there 2. Menu items in overlay menu need to be purple, like the rest of the site. 4. mobile header needs to be purple with beige text, like the rest of the site Essentially, everything needs to be the same as the standard desktop site! Thank you so much. You are a legend within the squarespace forum community!!

@tuanphan I will try that now. YES please can you help me fix those issues?

Site URL: https://www.laztheplantscientist.com/ How do I change the colour that appears when loading a page? Currently, when I load the homepage of the site, the background is green. This is part of my site style colour theme pallet, but I would like it to be the beige that is also part of the pallet. I have changed the 'Background overlay' in the colour themes but that didn't work. Do I need custom CSS? I tried this code but it didn't work: [data-section-id="5dd3cc728ca6f6715d3b6571"] .section-background { background: red !important; } Please help me squarespace gods!