Search the Community
Showing results for tags 'brine-template'.
Found 238 results
-
Hi there, I'm looking for a way to get the header/navigation bar on my website to scroll down the page as a user scrolls. I have the Brine template. It does it automatically on mobile but not on desktop. Customer support said there isn't a way to do this natively. Anyone have some code they could suggest? Thanks! Ariana
-
Change nav bar on Mobile? Separate Nav bar for Mobile?
JordanAWH posted a question in Coding and Customization
I have a folder in my nav bar, which works great on desktop. However, it doesn't work for me on mobile. I need a way to have just the nav links that are IN the drop down menu folder on mobile. I really need a way to have the folder on desktop nav bar, but only the links in mobile. Any suggestions? I am up for any code injections, or custom codes that will accomplish something like this. My template is Mojave. Thank you in advance for the help! -
Hi! I'm setting up a shop and there will be close to 300 items. Those products do not have fixed pricing and would like to change the text and the functionality of the 'Add to Cart' button to something like 'Ask for the price' button. I already managed to hide shopping cart icon. I'm using Brine template. Can you help me? -
I have am using a Brine/Moksha template and, on various pages, I need to change the background image to a different image when on mobile/tablets. Does anyone have script/html solution for this that I can inject in header? or css? See https://yelar.squarespace.com/hi-im-barbara-on-home for an example. -
How Do I remove underline from just the Image Block?
BKCO posted a question in Coding and Customization
Hello, I like how the underlines look in the regular text throughout my site. However, I want to remove the underlines in my Image Block : Card. Can anyone provide css for this? I am using the Blend Template. Thanks! -
Wish list or favourites code/plugin for Brine or Hyde
simon.cox posted a question in Coding and Customization
We have a bridal boutique website project where the client doesn't want to sell online, but have a wish list feature that collects dresses together which are emailed to herself and her client. We are not fixed on a template yet so we can build out on any template. The idea being that the dresses can be tried on at an appointment. Does anyone know of a plugin we could buy that would allow us to create a wish list which collects products and emails them? Alternatively, we had initially thought about using the shop and disabling the pricing and adapting the button text to "add to favourites/wish list" rather than add to basket on each product page. We have been able to target the code on the item specifically to hide the price. In order to get this to work we would need code on the "shopping cart" page change the text "shopping cart" on the shopping cart summary page to "Wish list" target the price to hide target the "checkout" button to change the text "see wish list". We would also need to style the "checkout" page headers (squarespace seems to suggest this is not possible?) change "2. Payment" to "2. Contact details" change "3. Review and Purchase" to "3. Review" change "order summary" to "Favourites Summary" change "purchase" button to "Send Favourites" button if possible to hide the prices in "order summary" Any suggestions gratefully received -
Hi, in navigation menu I have Folder with pages in it, normally Folder wasn't clickable only submenu so few years ago I have added this code in to the folder title to make it clickable: <a href="/indoor-moebel">INDOOR</a> and it was working flawlessly till yesterday. On Brine template now opens up first page in a folder and on Supply template it does notting as it is by default... Please help I really need this click trough function!!! Thanks in advance -
I'm using the Brine template and just created a blank page. In the design styles I have the footer hidden. In the body of the page I have a map and a bit of text but it's not taking up enough area on the page to fill it and as a result, there is a black space below my white page. It isn't there on any of my other pages, just this one. It's almost like there's a footer there that's just a black space. Any ideas how to get rid of the black bar?
-
I need some help fixing extra padding in between two images on Brine when viewing on a mobile device. The code I am currently using is: . @media screen and (max-width: 640px) { .homepage .sqs-block.image-block:last-child { padding-top: 0 !important; } Although I know this is only targeting the homepage. How can I target my services page (https://www.domaniquejazmindesigns.com/services) as well to get rid of the extra padding in between the two image blocks at the bottom of the page when viewing on mobile?
-
Hello! How do I get rid of the HUGE white space between my logo/navigation and the photo? https://www.lizzyrussinko.com/ Thank you for any help you can provide!
-
Hi Everyone, I'm using the Brine template and I'm trying to make the section with the map (it's a code block) on the following index page full width. https://hexagon-energy.com/hexagon-energy-projects (pw: hexagonprojects) I'm trying the following CSS, but it's not making any changes to the page: #projects-map-section .Index-page-content { padding: 0 !important; max-width: 100% !important; } .sqs-code-block { padding: 0 !important; } If anyone has time to take a look and offer a suggestion, I would appreciate it Thanks in advance! -
Adding Email Sign Up Box to Header / Nav Bar Brine
victorlbill posted a question in Coding and Customization
Hey there, I'm wondering how I can add an interactive email sign up box to the header in Brine. Please see screenshot attached (Governor's Ball) Alternatively, I could do an 'additonal' header/nav bar on top of the normal header/nav bar. Example attached (Bonnaroo). Thanks in advance for taking the time to read my question! Website is: https://apple-corn-kj4j.squarespace.com/config/ Victor -
I'm using the Brine template and my homepage is an index page with the first part of the body being a gallery page in slideshow format. I'd like the slideshow to be in a random order every time somebody visits the page. I have gallery blocks on other pages that I don't want to end up randomized. I found this plugin offered by SQSP Themes that says it can randomize the image order in gallery and summary blocks but I don't think it's applicable for me since I would like it applied to a gallery page and not a gallery block. I've reached out to them for confirmation on that. Anybody have any ideas on how I can achieve this?
-
Brine family - full bleed banner and constrained site body
NaomiH posted a question in Coding and Customization
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 looking for some help in enabling multiple images loading on the homepage of my Mentor template website. Is this possible? If yes, can someone point me in the right direction to enable it? website: https://www.futuregenerationtrust.co.uk/ -
hello all ! I was wondering if anyone knows the correct size for background banner images for index pages? I was using 1500 x 1000 on canva but when i upload the design it comes out blown up,distorted and also very blurry , even when i change the focal point. I only have a chromebook so I'm not able to use photoshop , but I use photopea & canva to create my graphic and web designs. Also i want to note that I tried using my own custom dimensions and also the canva web design template dimensions but eveything is still distorted. I am using the Stella template. Am I doing anything wrong? Ill attach screenshots of how it comes out vs. how it should look.
-
Hi, I'm using the Brine template, which on mobile, creates a margin of 64px above the content, that acts as the background to the navigation bar. In the Site Style, the only control over this, is site background colour which is currently set to white. Is there a way to remove this space, or move the content up behind the nav bar to reflect the larger breakpoints. Site can be viewed here Thanks so much
-
On this page (https://www.recordofalife.com/example), the banner photo is fullbleed & parallax. My question is, is it possible to make an image block with a single photo (not gallery images) do the same (fullbleed & parallax)? If you look farther down the page there is an image block with a single photo. I'd like to isolate this per page and not applied site wide if possible. Thank you. K.
-
Changing size of one banner heading for mobile only
GenuineContent posted a question in Coding and Customization
So I am building a website using the Impact template in the Brine family. I kept much of the original formatting, as it worked well for my client, including the large block header 1 format. However, one of my banner page titles has a word ("recreational") that is too long for the mobile view and getting cut off or wrapped mid-word (I included a screenshot). How do I change the font-size only on this page, and only for the mobile view? I don't want the font-size to change on the full-screen size; and I want the other mobile-view page title font-sizes to remain the same. Site: Recreational Therapy page -
I'm having a strange problem with my site where it appears that the max-width container on screens above 1200 px goes down to 33%. It looks lousy and I'd like to change it, but I can't figure out how to do so. The site is https://www.ofbyforall.org/ and the problem occurs on blog posts like this one. Using the inspector, I was able to figure out that the width of the container goes from being 100% for every screen smaller than 600px 83.33% for screens 600px - 900px 66.67% for screens 901px - 1200px Then at 1201px, something happens and there's no media query at all, and it defaults to the rule that the width should be 33%. See attached image. This makes blog posts and pages look lousy unless I manually insert spacers on the sides, which I don't want to do. Is there a way I can change this 33% default to something more like 66%? Or is there a way to add a media query to the CSS on the site for screens up to 2000px or something? I would greatly appreciate any CSS suggestions people have for how to solve this.
-
force mobile nav on brine without changing breakpoint?
cherylr posted a question in Coding and Customization
I'd like to force my Brine site to show a mobile hamburger navigation BUT I want to allow the title to be very large on a desktop (but proportionate on mobile). I can't achieve this by changing the mobile breakpoint, because this will make the title small. working here: https://lilac-plums-nn8j.squarespace.com/ password: bassoon -
Hi I'm using a brine template and I want to over-ride the colour of a H1 heading with code. And potentially the font choice too. What is the code for this? I only want to do it in 1 spot. I'm doing it so my page has the heading but I don't need it displayed. Is that a good practice? Thanks! https://lonsdalestudio.com/faq
-
Gallery Slideshow to open in Lightbox at click
gargantua posted a question in Coding and Customization
Hi is there any tweak to make images in a slideshow to open in a lightbox at click? The option is only available on the grid layout on my template (VOW) -
Hi, Wondering if anyone has found a solution to create an Index Gallery Page on Brine that has the same Masonry style images to match the rest of the galleries? I'd love for my project page (https://www.jchongstudio.com/projects) to match the Auto Grid / Masonry style to match the rest of my website galleries however Index Gallery Pages only have the Grid (without auto heights). Alternatively if there is a code to create caption overlays similar to what I have shown under projects with a masonry gallery page would love any tips!
-
Hello, I would like to code a custom font into the header of the mobile view of my website. I have done so successfully for the regular view but it defaults into standard font when i switch to mobile view. Any ideas? This is what I have for the desktop version and it works great: @font-face { font-family: 'retro_computer_personal_use'; src: url(https://static1.squarespace.com/static/5c253509f8370a48f3940027/t/5e16848141d1895d960adb21/1578534017904/retro_computer_personal_use.ttf), } .Header-branding { font-family: retro_computer_personal_use, sans-serif !important; }
