Peter550

hi! It has been solved. Sorry for the late reply I got locked out of my account!

Thanks again for all the help

Pete

hi! It has been solved. Sorry for the late reply I got locked out of my account!

Thanks again for all the help

Pete

hi

 do you know how to get rid of the white box around the menu dropdown when they're over a photo or video? 

See screenshot 

@tuanphan

Thanks in advance!!! 

Site URL: https://aldricharchive.squarespace.com/

hi everyone, and in particular @tuanphan and @Agha_Waqas (the legends of this forum) 

I have a website which is an archive of text, files and images. I would like to be able to search EVERYTHING (all text on all visible and non visible pages) via a search box. I would like to type in a keyword and click search, then a page appear with the word highlighted/identified (if this is too much, just to bring up a page). I currently have button at the top right which I would like to be the search function (see screenshot) 

Is there a way to do this through standard functionality, or does this require some code? 

Thanks in advance

Pete

I want to increase the size!

hey man. THis spread them out but didn't increase their size! 

hi y'all

I want the background colour of the 'Checkout button' to be #4b0719 (maroon), and the font to be Adele (which is the sitewide font I use). 

@tuanphan @Agha_Waqas

Thanks in advance 

Pete

Have DM'd you

I have added some custom CSS to change the padding and background o the 'Add to cart' button. 

I want to have it as the Adelle font which is the one across the site. How do I change this? 

Thanks in advance @tuanphan @Agha_Waqas

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

How do I increase the size of the photos in the stack of photos to the left? I would like them to extend to the bottom of the main photo please

@tuanphan @Agha_Waqas any ideas? 

Thanks in advance

Pete

I am pulling my hair out trying to resolve this question that has been asked many times on the forum, but all the code and forum answers simply aunt working for me. 

I have some accordions in thew additional information for this product. I have used the markdowns to do this + some code in the code injection header. I want these accordions to be moved to the product description. I would also like the icons to be moved to above the accordions, so I can fit everything in the product description.

I have attached 2 screenshots 1. what it currently is 2. a mockup of what I want it to be

Please help!!!! @tuanphan @Agha_Waqas 

(I am aware there is a widget, but i don't know whether this will help get it in the product description. 

I'm afraid this doesnt work! @Agha_Waqas

This doesn't work. I cant get the images to be the same size when using the spacers!

Currently, I have added these icons as a gallery in the additional information in the product. 

They are very frustrating as they are tricky to resize or move around. I want them to be small and the same size regardless of how kbig the screen is. Currently, I am doing this by having a big spacer and setting the number of images on a row to above the number of icons. This does not work well. 

Ideally, I want to try 3 different options: 

1. All small on the left hand side

2. All small and in the middle of the above text

3. below the 'add to cart' button

Please can someone help with some code to test these options?! @tuanphan @Agha_Waqas

Site URL: https://www.saccostyle.com/

Hi Everyone

I want to have the title line up with the top of the photo. I imagine this is a padding fix with CSS. Can anyone help? @tuanphan @Agha_Waqas 

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? 

I would like to have the variants 'Size' & 'colour' side by side, and below it have the 'quantity' and 'add to cart' side by side. so its like in a grid of 4? What is the custom CSS for this? 

@tuanphan

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>

I added the following code: 

/* Healing page mobile */
@media screen and (max-width:767px) {
[data-section-id="600237a6e40b7c3f2cd7e54a"] .section-background img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
}
}

Great that worked! Thanks!

unfortunately this messed up the rest of the site (see screenshots) 

Any idea how to fix this @tuanphan?