kmdesign

Works like a charm - was also able to adjust line-height! You are the best! Thank you so much!!

Hey there! @tuanphan Thanks again!! Link to the page below. The type is in hero gallery image, the problem is with the size of the font in mobile only - it says it's set to 30px - but looks more like 16 to me. Maybe it's auto-resizing? https://www.bvrconsulting.com/

@IXStudio Hi Leopold - love the ninja kit. One question. Despite the Mobile font size being set to 30px - both the static and typing text are much smaller on mobile. Is there a fix?

Thank you so much @tuanphan

Site URL: https://wolverine-chimes-ay54.squarespace.com/ I'm using 3 blog pages to create 3 different gallerys. One of the blog pages needs to use 16:9 images with the card content on the main blog page, the other 2 blog pages needs to use 1:1 image size with the card on the main page. It seems changes made to the section of one blog page universally affects all blog pages. Anyone have some quick css that I can target to my sections? Thank you in advance!!

@Nishad I have a client that would like to set up the newsletter sign-up form to their constant contact account. Is there a way to do this? (I'm not seeing it as an option).

#2 - change description goes here from "p" to "h4" Thank you!

Thanks so much @tuanphan You're awesome css for #3 worked great to fix the mobile height and width. Yes for #2 I would like to change the text "Description Goes Here" from my "p" font to my "H4" font. Is there anyway to set this to autoplay? Here is the we're working on section[data-section-id="6303e1fce32cf2129dfb3550"] (I deleted the other ones)

Thank you!! 🙏🏻

@tuanphan Thank you! Okay that worked great. Are you able to help with #2 and #3? #2 - change the body text from "p" to "h4" #3 - adjust images to full-width on mobile (they are currently getting cut off #4 - (this is a bonus request) can autoplay be enabled on this section?

Hi @bangank36 Here's the site: https://wolverine-chimes-ay54.squarespace.com/. Password: MANIFESTO I'm trying to create a hero gallery slideshow (you'll see the ones I've added to the homepage) - I'm having a number of issues. I've tried gallery blocks and gallery sections and am coming to see that my built-in editing options are really limited. 1) I need to be able to have (and adjust an overlay) so my text doesn't get lost on my image 2) I would like to be able to change the body font to my H4 font 3) I would like the slideshow to be full width on mobile (I found some code you posted here in the forums and tried it... it adjusted the image size to full width, but created a large black box below it with the navigation arrows at the bottom) so not desirable. I may have to go find a plugin for this. Any help suggestions would be appreciated. Thank you!

I've tried adding all types of gallery sections or blocks I can find in 7.1 All I need is slideshow hero gallery (with 7.0 style poster layout - H2 Text, H4 Text and a Button) on each slide. The problem is I need an image overlay so that the text doesn't disapear into the background image. I can't find this in styles, or any of the edit content or section options. I've tried css but failed there too. Lastly I tried adding both clear and 10% black png files to the section, but even then the overlay opacity for the color theme which is set to #000 did nothing. All I need is a black transparency so you can see the text over the image.

Hey @tuanphan Yeah - I'm using the product block in the classic editor - I want to be able to style these blocks universally - since once this template is finished, it will be duplicated for 120+ other boars. I'd like to fix the image size in the product card block to a square, and style the fonts. I think if you can help me out with the ".product block" (or however squarespace) defines it, I can figure it out.

@tuanphan hey there! Sorry for the delayed response (last thing on my blog page that I need to fix). Attaching a screenshot - I'm on 7.1 - using classic editor on blog pages. For my links to related products / "you may also like" I'm using the product block in the section editor - I can't find a way to contrain the image size, or fonts - I think I just need the ".product-block" or whatever it's called to customize with css. Here's a link: https://wolverine-chimes-ay54.squarespace.com/boars/manifesto-dfzsx password = MANIFESTO

@bangank36 Any ideas here? If it's possible to adjust the line-height of monospace that would be a solution - here's some css I tried, the line-height is adjusted, BUT the size of the font is probably 12 points. You can view on this page: https://wolverine-chimes-ay54.squarespace.com/boars/manifesto /* monospace */ pre { font-family: karla !important; font-size: 20px !important; margin-bottom: 4px !important; margin-top: 0px !important; line-height: 10px !important; display: flex; }

I'm using the reduced line height text here https://wolverine-chimes-ay54.squarespace.com/boars/manifesto (see screenshot) and the accordions which also default to P2 are here: https://wolverine-chimes-ay54.squarespace.com/faq Thanks for your help!

Hi, Thanks so much! the site is: https://wolverine-chimes-ay54.squarespace.com/ pswd: MANIFESTO The original problem was that I needed to use some CSS to reduce the line height on one paragraph style. I found the code below in this forum and it successfully adjusted the line height for Paragraph 2, so that I can use it for lists where needed. p:not(.sqsrte-large):not(.sqsrte-small) { line-height: 10px !important; } The problem is, it seems like SS uses P2 as a default paragraph style for accordions (and other areas) and I can't find a way to change it so my accordions (FAQ page in footer) look like this - see screenshot. I would be open to any possible solution 1) Line-height code for P3 style (or can I use monospace for this?) or 2) A way to change the paragraph style to P1 or P3 in accordions (although the above solution may offer more flexibility moving forward. Thanks so much for you help!

Hello. Is there is a way to switch from the default p2 paragraph style in the accordion block to either p1 or p3? I'm using the p2 style at a reduced line-height for lists need to use p1 for paragraphs. Thank you to anyone who can help!

Hey everyone - noticing that the product block (when used on a blog page) does not follow the ingrained styles - I found a code from @tuanphan on another post to address fonts for title and price, but looking for a way to keep the product images square so that products fonts & images align nicely. Thanks all!

Hi Could totally be missing something here - but I can't for the life of me find where I can update the receiving email address of bookings placed on my client's site. I have updated her google calendar with her new google email workspace account, but booking notifications are still going to her personal email. How do I change that?

Hi @tuanphan Thanks so much for your follow up. I think that could work, IF, we can add code to HIDE the secondary navigation on desktop, then add code to only show the secondary navigation in the mobile menu. Willing to try it if it's not too much work. Let me know. And again Thank You 🙂

@tuanphan The url is katemitchell.design - Brine 7.0 - the above code from IX did not work, but may have been written for 7.1 (?). I have tried updating the folder name in the css to match my folder name "portfolio" as well as the url slug "uxd-portfolio" and neither have worked. Thanks for your help!

Leopold / @IXStudio I am trying to achieve the same in Square Space 7.0 (Brine) - I pasted the code above into Custom CSS and changed the folder from "free-resources" to "portfolio" for my site's navigation. Is there anything else I need to tweak? Or is there different CSS for 7.0? Or is it not possible in 7.0? Thanks!

Thank you so much!

Thanks! Here's the URL https://www.fairmarket.delivery/lightbox-new-york-strip I have a lightbox set up for a recipe card. I would like to hide the vertical lines on the mobile version - and would like to reduce the padding to zero on the vertical lines to zero on both versions - here's what I have in custom css - so far - but it's not working. Thank you for your help! /* Vertical Line */ .vertical-line { height: 600px; /* line height */ width: 1px; /* line width */ background: #000000; /*line colour*/ border-collapse: collapse !important; padding: 0em !important; } /* Hide vertical line */ @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1604937282399_6682 { display: none; } }