Search the Community
Showing results for tags 'brine-template'.
Found 304 results
-
Site URL: http://buffalobiketours.com Trying to figure out how to adjust the width of my navigation (using Foster in the Brine family). It feels constrained right now – I'm getting 3 lines of hamburgers instead of just one at the top. Any tips on how to remedy that? I'd just like all the navigation in 1 bar at the top
-
Hey guys, I'm trying to format the text evenly for mobile view the same way it is on desktop view. Here's a few screenshots for example: Good on desktop: Bad on mobile: Any suggestions? @tuanphan Thanks
-
How to make image appear on top of site on mobile view
jeffreyzie posted a question in Coding and Customization
Hey guys, I'm looking to see how I can make an image appear on top of the header font for mobile view, while still keeping it to the right of the header for desktop view. I'm using the Brine template. Any suggestions? Thank you -Jeff -
Hey guys, I'm looking to make the footer text smaller than the body text. I feel like there's a code that could probably help this. Any suggestions? Thanks
-
Site URL: https://www.daniellewickesjewelry.com Hi! Working in the Brine/Jaunt template and I have a question regarding the blog page/posts. When on a blog post is there a way to add navigation back to the blog page? The blog post has the arrows to go the “Previous” & “Next” blog posts, but no navigation options I can find to add a return to the blog page within the blog posts. What am I missing? Thanks in advance! Password: cre82020! Blog page: https://www.daniellewickesjewelry.com/patternstutorials Blog post: https://www.daniellewickesjewelry.com/patternstutorials/8th-post
-
Hey guys, I'm trying to hide the menu & hairline icon in the Brine theme (on mobile mode). Thank you -Jeff
-
Hey guys, I'm trying to move the "Sign up" newsletter button more to the left, as well as the "Email address" box that's next to it. I've attached a screenshot for preview. The goal is to align both buttons/boxes with the text that's above it. I'd also like to move these buttons up closer to the text as well. Thank you -Jeff
-
Hi I need help modifying my current css code so that Heading 2 is set to center or will at least allow me to center it without css. This is my current code: h2 { display: inline-block !important; box-shadow: inset 0 -0.18em 0 #51F5C1; -webkit-box-shadow: inset 0 -0.18em 0 #ea1d26; } I need the the underlined word "Explore" to move to the center of the page. I would prefer that I be able to use the native align functionality in Squarespace however this will default to left align no matter what I do.
-
I've made the header fixed using below code but the header is not on the top of the page. When I scroll down I can see a little bit of the content showing through small gap at the top of the page (screenshot attached). How can I move the header to the top of the page please? .Header { position: fixed!important; z-index: 1000; width: 100%; } https://rhombus-paddlefish-39ss.squarespace.com/ Cheers
-
Site URL: https://plane-tunny-45nr.squarespace.com/archive/magicalcrisis Hello! password= test my site uses the maple theme which is part of the brine family, because of this it is supposed to have ajax loading/lazy loading of images. The ajax loading works properly on normal pages, but does not work on blog posts, this is especially clear when viewe on mobile, the images on the blog load slowly because there are so many high resolution images that are all being loaded out of order, so even if the viewport is at the top of the page, resources are being used to load images at the bottom thus making image loading at the top very slow this page works properly with the ajax https://plane-tunny-45nr.squarespace.com/testajax this blog post does not https://plane-tunny-45nr.squarespace.com/archive/magicalcrisis I only have the squarespace personal plan, I know that there is a lazy loading plugin available for plans with code injection however I would prefer not to upgrade just to get lazy load when it is supposed to be included. How can I make lazy load/ajax load work properly for blog posts on the personal plan while using the brine theme? it is my understanding that this is supposed to work automatically and is a bug. Is there a work around without upgrading? -
brine-template Full bleed slidingshow banner Brine Template
Lystnr posted a question in Coding and Customization
Good morning everyone! Does anyone have a CSS script to produce a full bleed slideshow banner? According to this link the "Moksha" template (brine family) should have slideshow settings show up in site styles but I do not see it, am I missing something? https://christyprice.com/squarespace-tips-tricks/full-bleed-slideshow @christyprice -
Hello fine Squarespace experts, I'm swapping Five for Brine and I'm loving it. Mostly. Here's the issue: I am using, and liking, the inset feature, BUT I still want to have white space on the sides of the page when I am doing side-by-side text or image blocks. Problem: when I turn on "Site Padding" to accomplish the white space (currently at 50px), that site padding affects my gallery images, but I want to have FULL WIDTH galleries. I've thought about this from many angles and since I have less galleries than any other blocks, it seems to make sense to override the site padding on galleries. I've tried to insert snippets of code found here and around the web, but nothing seems to work. Ideally what I'm hoping for is a global setting in Custom CSS, since there will never be a time where I dont want gallery images to appear full width. I know I can do this with index pages, but some of these have to live as part of navigation sets, so that cant be a solution across the board. Help much appreciated :)Maria PS: The site currently is preview only since I'm revamping an existing website. Hence no reference links. If it's necessary, I can duplicate a page or two.
-
I'm trying to make a 'shop' page pretty on my blog, but it's not a shop of my own products. It's a collection of products and items from retailers that I want to showcase as my favorite products, featured on one 'shop' (index) page. I am using unlisted galleries to upload the images with click-through links, and on the actual 'shop' index page I am using an image gallery carousel block to show the galleries separated as 'categories' of my favorite products. I want to be able to show the title and description of each image in the carousel gallery block, as they contain the product name and the price of each item. Is this possible using the image gallery carousel block? Furthermore, is it possible to list the title and description neatly below each image using a carousel gallery, like it would show on a stacked gallery? I would really appreciate some help with this!
-
Hello! I'm looking for a way to resize the banner image on mobile. It zooms in way too much. I'm using the Hunter Template. See attachments for desktop vs mobile view. Any help is appreciated!
-
I'm looking to adjust the style of the arrows on the carousel gallery block in the Brine template. Right now they are a transparent square with grey arrow. I'd ideally like: 1. No arrows and have the gallery scrollable by scrolling finger down on mouse (as you would to scroll down a page) but in this case it would be across the carousel (example: https://www.the7thmember.xyz/) 2. If not possible (without paying for a plugin), remove the transparent square and just have white/black arrows. (I'd also like to ask if it's possible to add padding within the carousel block between images?) Thank you in advance!
-
Is there a way to make the "bottom header" transparent when using a gallery as the first index? I know you can do this when you have a background image on the first index page, but I'd like to achieve the same effect with a gallery as the first index page.
-
Miller template: how to change logo size on mobile view?
SMLL posted a question in Coding and Customization
I'm using an image (not text) as a logo on Miller template and the logo file appears incredibly small when viewed in mobile or when the the browser window is narrowed. How do I put custom css to specify the logo size I want when it's on mobile view? *The miller template doesn't have a built-in option to customize logo size on mobile screen. -
Site URL: https://plane-tunny-45nr.squarespace.com/ https://plane-tunny-45nr.squarespace.com/ password=test Hello! I am very happy with the way my site looks until I view it on mobile- the header looks awful on mobile but unfortunately the brine theme does not allow disabling of mobile styles How can I make the mobile site render as close to the desktop version as possible? I have the personal plan so cannot do injected CSS, only custom CSS via the design menu I would be interested in completely avoiding all mobile re-styling if possible- but if this is not possible I would like to make the mobile navigation render as close to the desktop navigation as possible I have tried to use the following code to bring the logo and header down to overlap with the banner but it does not seem to work- can anyone recommend code or any other solutions to bring the header down to overlap with the banner? Also would LOVE to find a way to make the rest of the navigation render the same way it does on desktop ie. the boxes that say CONTACT, TEXTS, ARCHIVE rather than having to click into the menus /*Custom CSS Code for Brine Template – by mcdigitaldesign.com.au*/ /*Mobile Header Bar – Sit Over Banner Image*/ .Mobile-bar-branding { z-index:3 !important;} .Mobile-bar-branding {position:absolute;} .Mobile-bar-menu { z-index:3; padding-top: 60px; } .Mobile-bar { position:absolute; } /*Mobile Header Bar – Padding*/ .has-logo-image .Mobile-bar-branding { line-height: 0; padding-top: 60px; } /*Mobile Bottom Bar – fixed*/ .Mobile-bar–bottom { position: fixed !important; } /*Mobile Banner Content – Padding*/ @media only screen and (max-width: 1060px) { .Intro-content { padding-top: 150px !Important; } }
-
Site URL: https://plane-tunny-45nr.squarespace.com/ hello! https://plane-tunny-45nr.squarespace.com/ password=test Are there any Lazy Load plugins or scripts that I can use with squarespace 7.0 on the personal plan? I am familiar with the plugin made by SquareStudio however I believe this requires Code Injection as made available by the business plan and I do not want to upgrade Thank you so much!!
-
Site URL: https://www.keikopowerwish.com/moon-sign/aries Hi there, I'd like to use a seamless pattern as a background for a single page in Brine. So far, I figured out how to do this by targeting the .Main class, but this results in the header area remaining white. I'd like the background to go behind the header, as shown in the attached mockup. Any help would be much appreciated! Best, Rieko -
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 -
Background color on one page - Brine (Margot) Template
JTAInteriors posted a question in Coding and Customization
Site URL: https://www.jtacustominteriors.com/contact I have having a hard time changing the background color for one particular page of my site (https://www.jtacustominteriors.com/contact) - Brine (Margot) template I am trying to change to #CFD8C and have tried using the code below in the custom CSS section within Design menu, but to no avail: <style> .Main { background-color: #CFD8C !important; } </style> I have attached a screenshot of the look Im going for (changing background color in the "site Styles" section, but this changes all pages throughout and I am just trying to change the one page. Any ideas? -
I'd like to have an image block that changes what image is shown based on which item in list has been clicked. In other words, when you click on the second item in a list, the image on the left changes to show a different image that is associated with that list item. See below for a screenshot of what I am trying to achieve. Ability to rotate through list items and corresponding photos would be nice but is not essential. My website is using Brine template. Thanks for any suggestions or tips!
-
BRINE - modify blog text and picture width on desktop
digitalkbe posted a question in Coding and Customization
Site URL: https://www.moondustagency.com/knowledge-center/how-to-optimise-website-for-voice-search Hi All, I love my website designed with Brine BUT the large white spaces on the sides of the blog posts drive me nuts. Also, some photos as well as videos will occupy the whole width, which is not really good looking. How can I use CSS to make the text bloc containers wider and the pictures limited to the same width, and still keep it all responsive? I don't have this issue on Mobile, so I need help to change that on Desktop mostly. Thanks! (post URL: https://www.moondustagency.com/knowledge-center/how-to-optimise-website-for-voice-search) -
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!
