Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

rebeccagracedesigns

Circle Member
  • Posts

    29
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. No problem! You probably need to adjust the line height for this font.
  2. 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; } }
  3. 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.
  4. I have written a blog post about this... check it out here https://www.rebeccagracedesigns.com/blog/custom-font-on-your-squarespace-website
  5. I just added a blog post that will help you! You can check it out at rebeccagracedesigns.com/blog/add-a-transparent-background-to-text-and-buttons-in-squarespace
  6. @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.
  7. 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; } }
  8. It sounds like there is something wrong with how the font is loaded. Can you share what you did to upload the font and the code that you are using?
  9. Here you go... https://www.rebeccagracedesigns.com/blog/change-width-of-mobile-menu
  10. I cannot find it on your site. Can you provide a link to the page it is on?
  11. @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; }
  12. 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.
  13. 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.
  14. 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.
  15. 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.
×
×
  • Create New...