-
Posts
11 -
Joined
-
Last visited
GMH's Achievements
-
tuanphan reacted to a post in a topic: Workarounds for 7.1 Archive Block for Galleries
-
GMH reacted to a post in a topic: Clicking the dropdown title doesn't open the first page on 7.1
-
GMH reacted to a post in a topic: Stuck on simple thing: how to create a PAGE with sub-pages that produces a dropdown menu?
-
GMH reacted to a post in a topic: Stuck on simple thing: how to create a PAGE with sub-pages that produces a dropdown menu?
-
GMH reacted to a post in a topic: Stuck on simple thing: how to create a PAGE with sub-pages that produces a dropdown menu?
-
NiangLee reacted to a post in a topic: Workarounds for 7.1 Archive Block for Galleries
-
Thank you! I appreciate the plugin suggestion. As a backup, in case the plugin isn't an option, do you know what photographers are using on SQS7.1 to create a searchable gallery with different collections? The Portfolio page is nice with its project organization structure, but itβs not filterable within or between projects. Is there a way to use categories and tags via collection pages (blog, store, or events) as a workaround if those pages are already being utilized? If so, can I add and tag the Before & After image collections to a collection page (blog, store, or events) so that they only appear in the gallery section on the Before & After page, without appearing on the collection page (blog, store, or events), and still utilize the archive block for the Before & After gallery section? Thanks again for the help!
-
I have a client that has just updated their site from 7.0 to 7.1. They have a Before & After page that used a Archive Block to filter the B&A images into categories. Now that the site has been converted to 7.1, the Archive Block no longer functions. According to Squarespace: To use Archive Blocks, you need a Blog Page, Events Page, or Store Page, and that it's not possible to link an album page, portfolio page, project page, or videos page to an archive block. The website has an active Blog page and the client will be adding a store soon. Does anyone have any workaround to create a category/ tag filterable gallery page? Thanks in advance!
-
Remove White space on Mobile & Tablet for Image Card Blocks
GMH replied to GMH's topic in Customize with code
The tester page is: https://www.naturalinjector.com/test-youtube The card blocks URL Slugs are: house-calls-card-tester and youtube-card-tester I have gone into Website > Design > Site Styles > Image Block: Card to set card separation to 0% and font colors. Font families ('Chapaza' and 'Montserrat') were added via code by the original designer. /house-calls-card-tester- On the desktop view, there is white space only below the image. Is there a specific size the image needs to be, or is there CSS to have the image fill in the space regardless of how much text is added? On Mobile and Tablet view, there is white space above and below the Image Block Card section /youtube-card-tester - On Mobile and Tablet view, there is white space above and below the Image Block Card section -
Hello π I am having an issue with white space showing up on Mobile and Tablet views only for Image card blocks. Not sure what CSS to use. For Mobile view, there's a white space above and below the image card block. For Tablet view, there's white space only under the image side on an image card block that has a lot of text Mobile View Tablet view (image card with more text) Current CSS that is being used for the Image Card Blocks are: /* Image card layout- full width */ #yt-section-3 .Index-page-content, #testing-image-card-css .Index-page-content{ padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; max-width: 100%; } /* Image Card layout- title formatting*/ .image-block-card-dynamic-font-sizing .sqs-block-image .design-layout-card .image-title p { font-family: 'Chapaza'; line-height: 1em; } /* Image Card layout- subtitle formatting*/ .image-block-card-dynamic-font-sizing .sqs-block-image .design-layout-card .image-subtitle p { font-family: 'Montserrat'; line-height: 1.5em; } Thank you in advance for your help!
-
GMH changed their profile photo
-
tuanphan reacted to a post in a topic: Two Column - image on left + Text with solid color backgroun on right or left - Full bleed
-
Hello! π I was wondering if anyone has a solution for editing the different text portions of the Image Block Card layout. At first glance, it looks like there's a title, a subtitle (all-caps style), and the option to add a basic description section (paragraph style). The issue when I inspected the code was that the all-caps section and the body section, although automatically styled differently, are both labeled as paragraphs, so any customization affects both sections. I would like to use CSS to: Add a subtitle section or find a way to make a distinction between the all-caps section and the body section so that each section can have a different font, font size, and text color. Code these changes to be for just this page versus all Image Block Card layouts. I'm not sure what the proper way is to add the URL slug: yt-section-3 or page ID: #block-yui_3_17_2_1_1701311430473_2002 to the code I currently have. Here's the code I used to customize the title and all-cap/body section: /* Image Card layout- title formatting*/ .image-block-card-dynamic-font-sizing .sqs-block-image .design-layout-card .image-title p { font-family: 'Chapaza'; font-weight: 300; font-style: normal; letter-spacing: 0em; text-transform: none; line-height: 1.1em; color: hsl(156, 89%, 11%); } /* Image Card layout- subtitle formatting*/ .image-block-card-dynamic-font-sizing .sqs-block-image .design-layout-card .image-subtitle p { font-family: 'Montserrat'; font-weight: 300; font-style: normal; letter-spacing: 0em; text-transform: none; line-height: 1.5em; color: #90431E; font-size: 13px; } Thank you for your help in advance!
-
- css
- customized
-
(and 3 more)
Tagged with:
-
I figured out how to have an image block (card design) be full-width with a custom background color for the text side. // Full Width Image Card // #URL-SLUG .Index-page-content { padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; max-width: 100%; } .image-card-wrapper { background: transparent !important; }
-
I found a solution at https://www.ghostplugins.com/steps/etgh285n. The code makes image blocks (card design) full-width. I was also able to add a background color. // Full Width Image Card // #URL-SLUG .Index-page-content { padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; max-width: 100%; background: #E2E8E3; } The only issue left is that the text area is white. I would like to make it the same color as the background or transparent. I haven't found CSS that has worked. See the image below Thanks in advance! π
-
Hello, I need to add more sections of Two Columns with text on a solid background color and an image to the right or left of the text. There should be no space between the sections, and both sides should bleed to the edges of the section. There are already several sections on the website that look like this because of added CSS. However, the new sections I am creating now are not responding even though I have added the new section IDs to the list for the CSS code. The new sections should look like this: Here is the code: /* SPLIT LAYOUTS */ /* image on right */ #home-hero, #about-content-2 { background: #E2E8E3; .Index-page-content { margin: 0; width: 50%; } .Index-page-image { width: 50%; left: 50%; margin: 0; } @media screen and (max-width: 800px) { display: block; .Index-page-content { width: 100%; } .Index-page-image { width: 100%; position: relative; left: auto; height: 650px; } } } /* image on left */ #about-intro, #contact-intro, #services-intro, #house-calls-hero { background: #E2E8E3; .Index-page-image { width: 50%; margin: 0; } .Index-page-content { margin: 0; width: 50%; left: 50%; } @media screen and (max-width: 800px) { display: block; .Index-page-content { width: 100%; left: auto; } .Index-page-image { width: 100%; position: relative; height: 650px; } } }
-
Code to Fix Newsletter Form fields on Google Sheets
GMH replied to GMH's topic in Customize with code
Thanks! I appreciate the solution. I am going to try it out.- 2 replies
-
- newsletter-block
- newsletter
-
(and 2 more)
Tagged with:
-
GMH reacted to a post in a topic: Code to Fix Newsletter Form fields on Google Sheets
-
My Newsletter block storage is linked to my Google Drive where subscriber info is stored on a Google sheet. I need to store my subscriber list in my Google Drive because Google has the option to be HIPAA compliant for no extra fees. The issue I am experiencing is that the First and Last name fields within the Newsletter block are merged together into one cell when stored on google sheets. For email marketing purposes, we like to personalize by using our subscribers' first names but need their last names for other correspondence. I've reached out to Squarespace support, and they are aware of this issue with the Google Storage option but have no solutions. I believe my only options are to: 1. Use a form block to create two fields labeled First Name and Last Name. Does anyone know how to put the three fields (First, Last, & Email) in a single row to give the same look as the Newsletter block? 2. Continue to use the Newsletter block but figure out a way to add tags (or something) to help Google recognize the two separate fields. Does anyone know of a solution to correct this issue? Any help, suggestions, or thoughts would be greatly appreciated. π
- 2 replies
-
- newsletter-block
- newsletter
-
(and 2 more)
Tagged with: