GabrielaS

Hi @tuanphan,

Do you know how this calculation works? I've tried searching several times and trialling different numbers but I can't get anything to match the original p1 size!

Thank you in advance! 

Hi @tuanphan,

Ah brilliant, that makes a lot more sense. Yes sorry I don't actually use h3 on that website, just never bothered changing the code of dropdown. Changed it now though to p which is to match p1 on the website--the text block just above the code block is p1.

Thank you very much

Site URL: http://www.aromon.squarespace.com/seedling-chair

Hi there,

I have a dropdown code block on this website but for some reason the font on it doesn't scale like on the rest of the website, this is the only block I have an issue with and I have no idea if I'm totally overseeing something. On site styles my p1 is set to 1.3rem, I styled both the h3 and p tags on this block to be 1.3rem also but it's not matching at all (care and use blablabla is code block, text above is regular text block). Is this an issue with code blocks/any workarounds for this?  

Thank you! 

@rwp thank you SO MUCH, it finally worked! 

Site URL: http://gabrielasilveira.squarespace.com

Hi there,

I'm trying to change the logo on my website when scrolling down, I've tried all css/javascript codes I could find around with no joy. If anyone has a workaround for that on 7.1 that would be much appreciated, password for the website is hello

Thank you!

@lieslmaduro no luck yet!

42 minutes ago, tuanphan said:

ah forgot class, try again with this

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('.shrink .header-title-logo img').attr('src','https://beaverhero.com/wp-content/uploads/2020/05/ss-pricing-table01-min.png');
});
</script>

 

This one isn't doing anything that I can see I'm afraid 😞 (tried both header and footer injection)

6 hours ago, tuanphan said:

Remove above, add this to Code Injection Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('.header-title-logo img').attr('src','https://beaverhero.com/wp-content/uploads/2020/05/ss-pricing-table01-min.png');
});
</script>

replace with your image url

Thank you for getting back to me, I've replaced the code with the above but now it just makes the logo always show as the 'alternative' logo (the one I want to change to after scrolling down)

On 6/16/2020 at 5:59 PM, RyanDejaegher said:

@JasonGipson

/* Add this code to Design -> Custom CSS */
 

@media(max-width:767px) {
.gallery-strips-item {
    width: 100% !important;
    position: unset !important;
    transform: unset !important; 
}

.gallery-strips-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    height: unset !important;
}

}

Result:

I've added this code but the only issue is that it fixes the images size by width rather than height so there's a blank space when it's a landscape and portrait image side by side. 

The gallery in question is www.gabrielasilveira.squarespace.com/commissioned and the password is hello

Thank you for all your help! 

@tuanphan you're a damn star, I'm always lurking on this forum and you're generally always the one that already has the answers to all my questions!

I've inserted the following code on header, tried footer also but neither worked: 

<script>
$(window).scroll(function(){
  var scroll = $(window).scrollTop();
  if(scroll > 50){
    $('.Header').addClass('scrollNav');
  }
  else{
    $('.Header').removeClass('scrollNav');
      }
      });
</script>

<script>
$(".scrollNav img").attr("src", "https://static1.squarespace.com/static/5edb818c253cf824ff6e4ba8/t/5eef3ffb404c9c25fb6cb6c2/1592737787893/favicon-grey.png")</script>

Could you help? Website link is www.gabrielasilveira.squarespace.com and password is hello. Thank you!