Search the Community

Hi there, I would like to have 100vh on my home screen only, while still use indexes for my other pages , but with a smaller (not full screen) banner across the top. Is it possible to inject code to only my home screen, and what would that code be? I think it has something to do with this: Style Attribute { /* min-height: calc(100vh - 165px); */ } site.css:13:411703.tweak-index-page-fullscreen-first-page-only .Index-page--has-image:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image:first-child, .tweak-index-page-fullscreen-all-pages .Index-page--has-image:first-child { /* min-height: 100vh; */ } site.css:13:410834.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* min-height: 100vh; */ } I would like it disabled for all of my of pages with the exception of the home screen. Thanks! Ron

Hi everyone, I use the Maple template - part of the Brine family - and am trying to figure out how to keep my hero banner and header to the full width of the screen, while keeping the body content constrained. I've tried using the following: body { max-width: 960px; margin: 0 auto; } This does change the content to the width I want it at, but unfortunately also squishes the hero banner into the same size. Is there any way I can achieve the look I want without using spacers on the page? Thank you in advance!

I'm trying to style a Summary Grid block to look like a Gallery Page in Maple. This is what the Gallery Page looks like: This is what the Summary Grid looks like without any CSS: And this is what I have right now: Nowhere close to what I need it to be. This is the current CSS I've added: .summary-title-link { position: relative; top: -200px; left: 0%; height: 100%; margin: 0px 0px 0px 0px; padding-top: 21px; padding-right: 21px; padding-left: 21px; z-index: 1; color: hsl(0, 1%, 22%); text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: .28em; line-height: 2em; font-family: futura-pt; background: rgba(255, 255, 255, 0.8); } .sqs-block-summary-v2 .summary-excerpt { position: relative; top: -210px; left: 0%; width: 100%; height: 100%; z-index: 1; color: hsl(0, 1%, 22%); text-transform: lowercase; font-weight: 400; font-size: 16px; background: rgba(255, 255, 255, 0.8); } Here's the URL: https://thescoutgroup.com.au/properties-in-development Any idea how to get Screenshot B to look like Screenshot A?