gregaitch
-
Posts
30 -
Joined
-
Last visited
gregaitch's Achievements
-
gregaitch reacted to a post in a topic:
CSS color set by Section color theme?
-
oooh, nice, thanks very much much @tuanphan, will have a play
-
I've CSSd H4 with some tweaks, including a border top and set its color, but it's tough to specify a color that'll work across all the Section color themes: light, bright, dark, darkest, etc. I can customise the type color for each Section color theme, but the CSSd border color remains the same. I'm getting most of the way with a mid-tone with some alpha, but a ~0.5 alpha of the H4 type color for that section color theme would be better. Is there a way to code the H4 CSS border color to reflect whatever the color attributed to H4 in that Section color theme? Even better, at 0.5 alpha? This'd be global, not a block-specific jobbie. Thanks in advance.
-
[Free Share] Apply read more button to squarespace content
gregaitch replied to Beyondspace's topic in Customize with code
Apols @Beyondspace, edited my comment above at same time you were kindly responding: The section stays at "Read more"-accommodating height, even when text is all collapsed as "Read less", so lots of empty space pushing down the next section. On mobile, section height does snap tight to "Show less" height automatically (≤768px: iPad mini portrait and smaller). Just not wider viewports (≥1028px: iPad mini landscape and larger) Is there a way to reduce the section height to fit when text is all collapsed at "read-less" length for desktop/laptop/iPad ≥1028px? Thanks! -
Beyondspace reacted to a post in a topic:
[Free Share] Apply read more button to squarespace content
-
[Free Share] Apply read more button to squarespace content
gregaitch replied to Beyondspace's topic in Customize with code
Thanks very much Beyondspace, your code worked for me in 7.1 site, Fluid Engine section The section stays at "Read more"-accommodating height, even when text is all collapsed as "Read less", so lots of empty space pushing down the next section. On mobile, section height does snap tight to "Show less" height automatically (≤768px: iPad mini portrait and smaller). Just not wider viewports (≥1028px: iPad mini landscape and larger) Is there a way to reduce the section height to fit when text is all collapsed at "read-less" length for desktop/laptop/iPad ≥1028px? Thanks!- 20 replies
-
- 1
-
-
- read-more
- code-injection
- (and 2 more)
-
gregaitch reacted to a post in a topic:
[Free Share] Apply read more button to squarespace content
-
gregaitch reacted to a post in a topic:
[Share] Click Button – Show Menu Block (Section)
-
This is great @tuanphan, worked for me and can think of a couple of other applications; thanks very much. Could this be used to show-hide blocks rather than sections? How would that work? Thx again.
-
Image insets when applying CSS with block ID
gregaitch replied to gregaitch's topic in Customize with code
Just checking in to see if anyone might have a solution to removing the padding when the image is CSSd as a Block ID, but fits correctly (snugly) when referred to as a property selector. Thx! -
tuanphan reacted to a post in a topic:
Gallery block carousel: Space between images offsets left alignment
-
tuanphan reacted to a post in a topic:
Gallery block carousel crops bottom row (or two) of pixels of images
-
Hey @tuanphan, that worked! Brilliant, thanks very much. Also solved a related thread of mine on the bottom rows of pixels getting cropped (link below) Thanks again! Only tweak, which would be great, is if I can register the 0.95 size from the image's left. Currently reduces registered to image's centre, which leaves a gap on the left between the image left edge and block's left edge.
- 3 replies
-
- 1
-
-
- blocks
- gallery-block
- (and 2 more)
-
Hey @tuanphan Update: just checked your helpful response (code snip below) to a related thread I started (link below), which solved *this* one as well. Brilliant, thank you! .thumb-image.sqs-gallery-design-strip-slide.loaded { transform: scale(0.95); }
- 4 replies
-
- 1
-
-
- blocks
- gallery-block
- (and 2 more)
-
Image insets when applying CSS with block ID
gregaitch replied to gregaitch's topic in Customize with code
Hi @tuanphan, thx for checking. Yes pls, snug-fitting is the target. It snug-fits when I CSS a property selector for the entire site, but adds padding when I CSS block-ID (same CSS). -
Thanks for taking a look, @tuanphan I've disabled autoscroll for a gallery block in a new page (link below, need to keep the above example scrolling as it's live). I also tried adding your code above as CSS; it disabled the border and border-radius (your new CSS now removed). If you also have a solution to my CSSd gallery 20px right-margin between images offsetting them cumulatively an additional 20px from the left edge of the block (so last image gets right-cropped significantly), I'd appreciate it. https://matter.media/gallery-test
-
Image insets from border when applying CSS to image with block ID with below CSS, but fits snugly when the same CSS is applied to the property selector .image-block-wrapper. See two uploaded images below for comparison. I only want to apply to select images, not universally. If I can resolve, I'll add more feature image block-IDs to the entry. Thank you! #block-dd9a8d05f998d8510303 { border: 1px solid hsla(45, 5%, 90%, 1.0); border-radius: 20px; box-shadow: 0px 0px 20px 5px hsla(45, 5%, 45%, 0.2); } Relevant web page CSS to Block ID insets image: CSS to property selector .image-block-wrapper fits image snugly:
-
Included a reference URL, but not seeing it post, so: https://matter.media/impact/isle-website Other eg's: https://matter.media/impact/
-
Currently using this code to gain space between gallery block carousel images, which works … .thumb-image.sqs-gallery-design-strip-slide.loaded { margin-right: 20px !important; } … but after the first image, cumulatively left-offsets each successive image another 20px from the block's left edge (ie fourth image is offset 60px from left edge of block). Standard behaviour is each image slides in to be hard left-aligned with block's left edge. Result of using margin-right is, if there's a lot of images, the later images offset so much they straddle the left and right block edges, with no clear focused image. Also the bottom row of pixels is cropped out. For CSS, pls quote sitewide properties rather than block-ID, thx!
-
If recommending a CSS solution, please include site-wide selector rather than block-ID, TY!
-
Hey SqaureSpacers, gallery block carousels are cropping the bottom row or two of pixels of images throughout my site Scroll down on the reference page (and other blog "/impact/" pages) to see examples, or look carefully at the bottom edge of the image uploaded to this post where the 1px grey border disappears (pls ignore the left edge; they're fine) Was evident before I applied CSS border and border-radius, although they make it more obvious Thanks for any help!
