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


Circle Member
  • Content Count

  • Joined

  • Last visited

Recent Profile Visitors

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

  1. @dalewis123 You need code to achieve split layout per your design comp above. You can set section width to large and add a card block that spans the entire section, but the block will still be inset with a border. You can use code to make it full width, but I prefer look of the other methods that are better for responsive design on mobile. I'm glad you'll be ordering Will Myer's split layout plugin. Contact him with any issues using the plugin. He's very responsive to customer questions. Good luck with your website project!
  2. @dalewis123 Second option is to watch Will Meyer's Split Screen Layout Design in Squarespace 7.1 video and get CSS code. He has several methods depending on whether you want to add blocks on both sides of the split layout. Will offers a split layout pack for $10.00 giving you access to code for more layouts, including Multiple Split Sections (2 or more across).
  3. @dalewis123 Watch this Split Screen Layout for 7.1 video and use the Custom CSS code by Squarespace CSS expert @inside_the_square
  4. @ChrisSE Thank you for posting the code fix on your Frosted Glass Header Effect in Squarespace 7.1 tutorial. Here's Chris' fix for y'all: /* Frosted glass header effect */ #header { background-color: transparent; } .header-announcement-bar-wrapper { background-color: rgba(0,0,0,.5)!important; }
  5. I'm having a similar problem after custom CSS worked for months. @ChrisSE would you please help with adjusting the code from your tutorial https://schwartz-edmisten.com/blog/frosted-glass-header-effect-in-squarespace-71. I tweaked the tutorial code by adding ".black-bold" to get it to work w/ a black bold background header. It wouldn't work otherwise: /* Frosted glass header effect */ body:not(.tweak-transparent-header) .black-bold .header-announcement-bar-wrapper { background-color: rgba(0,0,0,.3)!important; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px
  6. Thank you for your suggestion @derricksrandomviews. I've started to that redirect work around. The shop page is an index page containing our seven products pages or "sub-shops", one being gift cards. There are two ways to place the gift card product item page on the index shop page. One uses a summary block on a single page, the other a product block. Both require a custom header and footer similar to the gift card page. Without custom CSS, if that's even possible, a summary block of products lacks the product variant and buy now button and links to the product item pages. A product block
  7. @tuanphan I tried your code to redirect a products listing page https://www.lynnemeade.com/gift-cards/, that is part of an index page, to a product item page https://www.lynnemeade.com/gift-cards/gift-card/. The product listing page only has the single product item page. Error message occurred as follows: 1. "Script disabled" when inserted code in code block on product listing page header. It was only editable are on that page. 2. "Waiting for cache...Waiting for www.lynnemeade.com...processing request..." for over two minutes when testing redirect after inserting code in product list
  8. @smdreyer I haven't figured out yet. We launched the store with the three related products side-by-side mobile. Perhaps @tuanphan or another Circle Leader or Expert can help to make then stack in single column.
  9. I'm having a similar, but different issue with client's shop. Current click through to product detail page is: Index shop w/ sub shops on listing page >> gift cards shop >> gift card detail page https://lynnemeade.com/shop >> https://lynnemeade.com/gift-cards/ >> https://lynnemeade.squarespace.com/gift-cards/gift-card I set up redirect /gift-cards/ -> /gift-cards/gift-card 301 , so that when user clicks on gift cards shop link https://lynnemeade.com/gift-cards/ while on index shop w/ sub shops listing page https://lynnemeade.com/shop/, they would go to gif
  10. @tuanphan Thank you for updated code. I modified it to display an underline in links in the code block (see below). Adding the modified code to Page Settings > Advanced > Header worked. Hurrah!! <style> .code-block a { text-decoration: underline!important;} } </style> I so much appreciate your assistance!
  11. Thank you for the code @tuanphan. I wished it had resolved the link display issue. When I inserted the code above in the Page Settings > Advance > Header, the code removed the light grey underline in all links of the Contact page. I've since removed that code and the code to style links in the code block, that is "p a {text-decoration: underline!important;}", so that the black double underline in all links on the page disappears and the site styled gray link underlines remain. Let's try another approach: My goals for pages with code blocks with links and light gray backgro
  12. Site URL: https://www.lynnemeade.com Hi, I've turned on "Underline Body Links" option in site styles to go with the website's minimalist design aesthetic. A double underline of these links has arisen when adding code blocks to display a colored background, text and links. In order for the links in these code blocks to have an underline, I've used the code: p a {text-decoration: underline!important}. Without that code, the links aren't displaying according the link site styles setting. To view the double underline display issue on a page that has a code block with a link underlined
  13. @tuanphan Any thoughts on how to make related products stack vertically in single column on mobile? Site created with Avenue 7.0.
  14. Fix works on desktop and mobile! Only one button appears on top navigation. Pleased to have the button operational today. Thank you!!
  15. @tuanphan I just looked at the custom button on link fix to the last link on right side, on our site "Contact" link. When I rolled over links that were in folders ("About" and "Collections"), a button appears on the last link in the folder. How can I fix that display issue? I've attached image of extra button issue on computer desktop. Same display is happening on mobile. Live site is https://www.lynnemeade.com/
  • Create New...