pizzac4t

On 9/5/2020 at 10:24 AM, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('body.site-title .logo a').attr('href','https://beaverhero.com');
});
</script>

Replace beavehero with new url

Hey @tuanphan! 

I tried this and also changing the second part to:

But unfortunately neither are working. I suspect the second not to work because the collection is the entire page? 

The website is https://www.taylorday.social/welcome and the link is to go to https://www.taylorday.social/home . Just trying to get the logo on the cover page to be clickable. 

Thanks!

On 5/2/2020 at 10:17 AM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* hide current image */
[data-section-id="5e8c390a09dbf467b60fb0c3"] .section-background img {
    visibility: hidden;
}
/* set new image */
[data-section-id="5e8c390a09dbf467b60fb0c3"] .section-background {
    background-image: url(https://beaverhero.com/wp-content/uploads/2018/10/wpcodeless-automatic-backup-managewp11-min.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
}

How to upload image: https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files

Hi @tuanphan! This worked for 1 section on my homepage. When I copy and pasted the text a second time and changed the data section ID nothing showed up. I tried your alternative of calling the div#block mentioned below which showed a background image but the padding around the block itself cuts off the background image. 

On 7/22/2020 at 5:46 AM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1594858759957_4467 {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/06/twitter-292994_640.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
div#block-yui_3_17_2_1_1594858759957_4467 img {
    visibility: hidden;
}
}

 

How do I go about changing the mobile backgrounds for different sections?

site: https://mackerel-wolverine-cfbm.squarespace.com/
pass: villa