-
Posts
31 -
Joined
-
Last visited
Reputation Activity
-
Rebecca_Grace_Designs got a reaction from gingershermanllc in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from victordev in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from NadineS in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from Beyondspace in Adding "Read More" to Image Captions
This has to do with how you have added the blocks in the section. Drag all your images to be next to each other. Then make sure to drag the html blocks underneath each photo. If you drag all the html block next to each other, it will look lined up but they won't be in the right order on mobile.
-
Rebecca_Grace_Designs got a reaction from Beyondspace in Adding "Read More" to Image Captions
I would add the html in a code block underneath each image, rather than adding the text as a caption.
-
Rebecca_Grace_Designs reacted to PartTwoDesign in Change loading background colour 7.1
Thank you @rebeccagracedesigns!!! I'd never have found this. How bizarre that you can only do this via the mobile app - Squarespace really need to add this to desktop too 🤯
Here are the instructions for anyone following this post -
-
Rebecca_Grace_Designs reacted to tuanphan in Adding a font using Custom CSS
You should able to adjust in Design > Site Styles
-
Rebecca_Grace_Designs got a reaction from moxxbrands in Change order of blocks on mobile
You have some errors in this code which is probably why the media query isn't working. Try
// Homepage - Laundry Sheet Mobile Version Only //
@media only screen and (max-width:640px) {
section[data-section-id="6115d829f0e9896832def4c2"]
.sqs-row {
display: flex!important;
flex-direction: column-reverse!important;
}
}
-
Rebecca_Grace_Designs got a reaction from GTrott in Adding a font using Custom CSS
I have written a blog post about this... check it out here https://www.rebeccagracedesigns.com/blog/custom-font-on-your-squarespace-website
-
-
Rebecca_Grace_Designs got a reaction from amberwavescreative in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from Botbot in Moving Add to Cart next to Quantity Input Squarespace 7.1
It looks like it sets the section to have a flex direction of column which is why they are all stacking. I would use different code here altogether to help combat the flexbox code. Try this...
.ProductItem-details .ProductItem-details-checkout { display: flex; flex-wrap: wrap; flex-direction: row; } .ProductItem-product-price, .ProductItem-details-excerpt { flex-basis:100%; } .sqs-add-to-cart-button-wrapper { margin-bottom: 0 !important; position: relative; bottom: -28px; } .product-quantity-input { flex-basis:30%; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 1.5em; padding-bottom: 1.5em; } @media screen and (min-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:70%; } } @media screen and (max-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:60%; margin-left: 5vw; } }
-
Rebecca_Grace_Designs reacted to DevonHarris in Mobile Navigation Half Width
worked great, THANK YOU SO MUCH!!! Can you please post a link to the blog when you write it? 🙂
-
Rebecca_Grace_Designs got a reaction from tuanphan in Displaying Image side by side on mobile view
I would first try and add these as a Gallery Grid Section rather than separate image blocks. This may be responsive on its own. If not it will be easier to code in this layout.
-
Rebecca_Grace_Designs got a reaction from Letetia in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from VesselStudio in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from tuanphan in Display Code on Your Site Without it Being Read as Code
I found an instance on my public blog. If you go to my blog page at https://www.rebeccagracedesigns.com/blog and search "html" this is what is coming up for me.
-
Rebecca_Grace_Designs got a reaction from nazaninp in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from Beyondspace in Display Code on Your Site Without it Being Read as Code
The page is hidden behind a membership so I cannot share a link to the actual page.
If you go to my blog page at https://www.rebeccagracedesigns.com/blog and use the search bar to search, it works great. However, I do not have any code blocks displaying HTML on that blog. They generally show CSS or Javascript.
I have a paid blog similar in style to my public blog. However, some of those posts have code blocks displaying HTML. When you use the search on that page, it sometimes looks like the attached photo.
It seems like the search results page is reading the HTML code in the code block. It is then populating all the results in one search results div. I have attached a photo of this as well as one where it is populating properly.
-
Rebecca_Grace_Designs got a reaction from Beyondspace in Display Code on Your Site Without it Being Read as Code
I am using a Code Block set to "display source" to showcase several code snippets on a blog site. However, I find that if I have any HTML in these blocks it messes with that post's display on the Search Results page in Squarespace.
Has anyone else run into this? Is there a way to display code on my site without it being read by Squarespace besides just inputting it as text?
I have contacted Squarespace as I think this is a flaw in their "display source" function. However as soon as you mention custom code, they refuse to help.
-
Rebecca_Grace_Designs got a reaction from Ejderha in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from awcs in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
-
Rebecca_Grace_Designs got a reaction from DH4891 in Auto Scroll Carousel Block Squarespace 7.1
**UPDATED***
For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds.
Inject this is Settings > Advanced > Code Injection > Footer
<script>
window.onload = function() {
var nextArrow = document.querySelector(".summary-carousel-pager-next");
function clickNext() {
nextArrow.click();
}
setInterval(clickNext, 3000);
};
</script>
I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.