Search the Community
Showing results for tags 'brine-template'.
Found 138 results
-
I am using the Brine template, And I'm not seeing any options to create a transparent navigation header and add a full-size banner image. I am trying to re-create this site, which says uses the Brine template as well. I'm not seeing any styling options to mimic this site header/homepage style. Any help is much appreciated! https://www.usesixty.com/showcase/squarespace-website-examples/7047-fringe -
Hi - I'm looking for some help to add an additional logo/link to my header top. I want to add an image/link to every page of my site along side the title logo - see attached image I'm using Rally template and have used up both navigation (horizontally separated on left side), logo top center and cart on right top of header I'd like to call out a special event with a 2nd logo image and link in the top center block of the header (along side of the title logo). If I had another navigation block I could add a single button element but I don't know of any other option. Code injection is OK my site is www.fcaottawa.com Thanks for your help
-
Can anybody help me to change the font of my site title (header section) to a custom font? I'm using the Rally template (Brine family) and am struggling to find any CSS that works... Thanks so much!
-
I'm working on a website and there seems to be a problem with the mobile view. It looks like the logo is covering the drop down navigation. When you first go to the site on mobile it doesn't do it but when you refresh and try to use the nav you can't see the pages. She's using the Mojave theme. Viewing on iPhone. URL: modernsocialdetroit.com Does anyone know why this is happening?
-
Hi there, I am looking for some custom CSS to add into the Rally template to freeze my navigation at the top of the screen. Thanks Kelsi
-
Change size of specific image when viewing on mobile
doshea posted a question in Coding and Customization
Hi, I am using the brine template... I want to target and control the size of a specific image when changing between desktop, tablet and mobile. The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile. Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached. website: tbktest.squarespace.com Thanks in advance. Dan. -
How can I add a button to the navigation (Stella Template)
LizMRod posted a question in Coding and Customization
I am trying to add a call to action button to my site and I am using the Stella template. I tried to find the prop class ID in the source code, but it was a bit confusing for me. -
Brine: Nav to change color after scrolling past Hero
AThompson_social posted a question in Coding and Customization
Hi friends, I am trying to trigger my navigation to change color after scrolling past the hero. Is there a way I can trigger the change by div or pixel? I currently have my nav as a sticky nav and want to keep that. this is what I'm working with. /*sticky nav https://forum.squarespace.com/topic/142732-brinekeene-sticky-navigation/#comment-184292*/ Header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; } // fix mobile nav .Mobile-bar--top { position: fixed; top: 0; left: 0; right: 0; background: #173d56; } .Mobile-bar { position: fixed; z-index: 99999; } // move mobile overlay down .Mobile-overlay-menu-main { padding-top: 80px; } any help would be GREATLY APPRECIATED link to site -
How to remove metadata when you have multiple blog pages
Aalok posted a question in Coding and Customization
I have two blog pages (one for regular posts and one for work/portfolio. How do I remove metadata from appearing on the work/portofilo blog list and post, but not from the regular blog list and page? I found this thread but I'm not sure how to choose a particular blog page when you have multiple: -
BRINE - Logo on mobile, but not on Desktop?
FuriousWhisk posted a question in Coding and Customization
Hey there, pardon if this question has already been asked before. I'm wondering if it's possible to have a site which uses the Brine template configured to use a logo when being viewed at mobile or tablet resolutions, and the regular site title be used if the site is being viewed from the desktop. The logo for the site I'm working on is effectively a square. It's great for mobile views, but gets a bit small in the desktop view. I've tried increasing it size-wise, but that only makes it dwarf the other items in the header. The site title is too long to use in mobile view: it gets all bunched up and crowds the other header items, even when they're compressed for mobile. Is it possible to have this configuration in Brine, or in any Squarespace template for that matter? Or am I better off trying to create a logo that's wider than it is tall, and therefore scales better? -
I have added some CSS to make my blog post background semi-transparent. It looks great when I have the Design tab open but doesn't show up after the page has been refreshed or if I open my site in a new webpage. The weird part is that it fixes itself every time I reopen the Design tab. Here's the CSS I added: Here is what it should look like: Here is what it actually looks like: You can view my website here: https://lion-wedge-b4fc.squarespace.com/ password is 12494
-
Hello, I am trying to change the side-padding or page margins on a single page on my website. I know the collection ID for the page, but I'm not sure what the CSS code is. A demo of the page I'm trying to remove padding for is here: https://virtu.academy/masters-demo The end goal is to make all images on the page full-bleed with no padding. Thank you, Ben -
Disable Mobile Styles in Brine - HEEELP!!!
dariokomazec posted a question in Coding and Customization
Hi all, to make this short as possible and clear enough this is my problem: Im using Marquee template for years now and it is multilingual hiding navigation Menu in different language using nth-child and it is working like a charm for years but to make this css code to work I had to disable Mobile Styles in Template Settings. Now I'm working on migration to Brine template and after a two weeks of hard work I have found that Brine is not supporting this feature and I need it desperately because I don't know other solution. Can this be done with CSS just to force desktop Menu on Mobile as well because nth-child code works only for desktop navigation menu??? THANKS IN ADVANCE... -
Hide Navigation Bar on only one Page Brine family Template
JuBalas posted a question in Coding and Customization
Hey hi, i have seen on the forum the exact same question i'm posting right now but none of the answers work for me so here i am. I’m trying to remove the navigation bar from a specific page on my maple inn template (brine family). I'v read that i should insert this code : body#collection-5d58db8548099500014d80bb nav.Header-nav.Header-nav--primary { display: none; } But it doesn't work. Is there another way to do it or should i modify something in the code ? Thx in advance for your help ! -
Hello! I am trying to get a site wide background image for by site. Nothing I have found has worked. I am in the brine mojave template.
-
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?
-
Changing background behind Primary Nav - Brine
stephanieedwards posted a question in Coding and Customization
I am wanting to move my primary navigation to "bottom left" - which is below the logo. The header background color is black, and the navigation font is white. The main color of the site is also white. When I move the nav to "bottom left" it blends into the background (because they're the same color) .. it doesn't stay in the header (black background). Anyone know a way around this? Colors are set, client wants black and white. And also wants the nav underneath the logo, not to the right or any other layout. -
Working on a site and the client wants the captions in the gallery block I set up to have an opaque background, or just appear entirely underneath the photo. Anyone know how to create a solid background behind captions in a gallery block with css? Preferably that spans the entire image horizontally? I've got the caption position set to "bottom left" right now, which creates a transparent background, but it wraps the text and keeps everything on the left side. If I select "left" as the caption position, there's no background at all. So, I need css to either: a) Make the background that appears in the "bottom left" caption position setting transparent AND make it span the full width of the image or b) Create a background for the "left" caption position setting OR c) Somehow detach the caption to appear underneath the image Any ideas?
-
Hi, can anyone help me with displaying the tagline on the mobile version of my site please? www.vibeyogaandpilates.co.uk P/W mysite100 Thanks in advance Mike
-
Hi all, I'm a new user to Squarespace and I'm looking for some help. I want to add a call to action button in my main navigation for the last link (Get Your Invite) I've already tried a bunch of other css codes which have been posted as answers in previous questions before, however they don't seem to work with my Hyde template. My website is - www.varaoptical.com Any suggestions and answers will be highly appreciated, 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 there, I am using the Brine template, trying to set the Content Inset to 0. All the Brine documentation states this can be done through the template settings in Design > Main, but the tweak seems to be missing. Has the tweak been hidden? Is there a way to target this tweak through CSS to manually set it to zero? I would like to retain the site's overall side padding, but just set the Content Inset to zero. Thank you!
-
I have a gallery block on this page and I would like the titles to also be clickable, is there code I can use to do this? https://oval-green-mdps.squarespace.com/portfolio Password: abibdevelopment
-
Hello! I'm attempting to add a 'Make An Appointment' button to the header of my website so patients can make easily reach my office. I would ideally add it to the bottom right corner where the social media icons are currently located and use it to link to a 'Contact' page. My URL is 'www.alextatemmd.com' and my template is Miller. Any assistance would be greatly appreciated!
-
Font Face: Change the font type of the image blocks
webinaide posted a question in Coding and Customization
Anyone have luck changing the image block title & body text and the button text to a custom font via Font Face? I've tried a few options (see below) and nothing is changing. Thank you! a.sqs-block-button-element { font-family: "Gotham-Book2" !important; }.sqs-block-image .design-layout-overlap .image-title p { font-family: "Gotham-Book2" !important; }
