-
Posts
31 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Canada
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
Rebecca_Grace_Designs's Achievements
-
gingershermanllc reacted to a post in a topic: Auto Scroll Carousel Block Squarespace 7.1
-
victordev reacted to a post in a topic: Auto Scroll Carousel Block Squarespace 7.1
-
NadineS reacted to a post in a topic: Auto Scroll Carousel Block Squarespace 7.1
-
Rebecca_Grace_Designs changed their profile photo
-
Beyondspace reacted to a post in a topic: Adding "Read More" to Image Captions
-
Adding "Read More" to Image Captions
Rebecca_Grace_Designs replied to Tiger_Thomas's topic in Customize with code
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. -
Beyondspace reacted to a post in a topic: Adding "Read More" to Image Captions
-
Adding "Read More" to Image Captions
Rebecca_Grace_Designs replied to Tiger_Thomas's topic in Customize with code
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 a post in a topic: Change loading background colour 7.1
-
Rebecca_Grace_Designs reacted to a post in a topic: Adding a font using Custom CSS
-
moxxbrands reacted to a post in a topic: Change order of blocks on mobile
-
Adding a font using Custom CSS
Rebecca_Grace_Designs replied to GTrott's topic in Customize with code
No problem! You probably need to adjust the line height for this font. -
Change order of blocks on mobile
Rebecca_Grace_Designs replied to moxxbrands's topic in Customize with code
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; } } -
Change loading background colour 7.1
Rebecca_Grace_Designs replied to PartTwoDesign's topic in Customize with code
This is because your dark grey theme is set as your default theme. You can change which theme is the default in the Squarespace App. This will also change the background colour of your search page and shopping cart page. -
GTrott reacted to a post in a topic: Adding a font using Custom CSS
-
Adding a font using Custom CSS
Rebecca_Grace_Designs replied to GTrott's topic in Customize with code
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 reacted to a post in a topic: Auto Scroll Carousel Block Squarespace 7.1
-
amberwavescreative reacted to a post in a topic: Auto Scroll Carousel Block Squarespace 7.1
-
semi transparent color for text background, 7.1
Rebecca_Grace_Designs replied to numbereight's topic in Customize with code
@numbereight I just posted a blog post on this that may help you. rebeccagracedesigns.com/blog/add-a-transparent-background-to-text-and-buttons-in-squarespace @KseniaYa is correct. The best way to get a transparent color is to use an rgba code instead of a hex code. I believe for your specific color you would use rgba (148, 115, 66, 0.5) . You can then change the 0.5 to any number between 0 and 1 to change the opacity. -
Botbot reacted to a post in a topic: 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; } }
-
Mobile Navigation Half Width
Rebecca_Grace_Designs replied to DevonHarris's topic in Customize with code
Here you go... https://www.rebeccagracedesigns.com/blog/change-width-of-mobile-menu -
Rebecca_Grace_Designs reacted to a post in a topic: Mobile Navigation Half Width
-
tuanphan reacted to a post in a topic: Displaying Image side by side on mobile view
-
Mobile Navigation Half Width
Rebecca_Grace_Designs replied to DevonHarris's topic in Customize with code
@DevonHarris I will make a blog post on this but here is some code that I think will create the effect you are looking for. This code is written for Squarespace 7.1. .header-menu { width: 60vw; /*width of the header menu */ } #page { transition: opacity 1s; /* transparency animation */ } .header--menu-open #page { opacity: 30%; /* makes page transparent when mobile menu is open */ } .header-menu-nav-folder-content { justify-content: flex-start; /* vertical alignment of navigation */ text-align: left; /* navigation text alignment */ } .header-menu-cta { width: 60vw; /* width of button */ } .header-menu-cta a { min-width: unset !important; } -
Displaying Image side by side on mobile view
Rebecca_Grace_Designs replied to Rachel_Boo's topic in Customize with code
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.