-
Content Count
22 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
dalewis123 reacted to a post in a topic: Section Image Bleed
-
@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!
-
kherzog reacted to a post in a topic: Section Image Bleed
-
kherzog reacted to a post in a topic: Section Image Bleed
-
@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).
-
@dalewis123 Watch this Split Screen Layout for 7.1 video and use the Custom CSS code by Squarespace CSS expert @inside_the_square
-
Transparent Navigation Bar for 7.1 --> suddenly stopped working
kherzog replied to ZealousTravel's question in Coding and Customization
@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; }- 13 replies
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
Transparent Navigation Bar for 7.1 --> suddenly stopped working
kherzog replied to ZealousTravel's question in Coding and Customization
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- 13 replies
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
How to Hide or Redirect a Blog Page *without* using a password
kherzog replied to ToastyT's topic in Pages and Content
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 -
How to Hide or Redirect a Blog Page *without* using a password
kherzog replied to ToastyT's topic in Pages and Content
@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 -
Displaying Related Products on Mobile - 7.0
kherzog replied to kherzog's question in Coding and Customization
@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.- 5 replies
-
- mobile
- related-products
-
(and 1 more)
Tagged with:
-
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
-
Code block creating double underline in page links and footer
kherzog replied to kherzog's question in Coding and Customization
@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! -
Code block creating double underline in page links and footer
kherzog replied to kherzog's question in Coding and Customization
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 -
Code block creating double underline in page links and footer
kherzog posted a question in Coding and Customization
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 -
Displaying Related Products on Mobile - 7.0
kherzog replied to kherzog's question in Coding and Customization
@tuanphan Any thoughts on how to make related products stack vertically in single column on mobile? Site created with Avenue 7.0.- 5 replies
-
- mobile
- related-products
-
(and 1 more)
Tagged with:
-
How to add a call to action button in main navigation? (Hyde Template)
kherzog replied to NabeelSV's question in Coding and Customization
Fix works on desktop and mobile! Only one button appears on top navigation. Pleased to have the button operational today. Thank you!!- 42 replies
-
How to add a call to action button in main navigation? (Hyde Template)
kherzog replied to NabeelSV's question in Coding and Customization
@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/- 42 replies