Search the Community
Showing results for tags 'brine-template'.
Found 296 results
-
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! 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!
-
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.
-
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://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; } }
-
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!
-
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? -
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) -
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 -
Site URL: https://www.thetextileeye.com/heimtex-flipbook Hello- I am working to embed a flipbook onto my page. It's been generated by Flipsnack and they provided this code: <iframe src="https://cdn.flipsnack.com/widget/v2/widget.html?hash=ftpsdif97" width="700" height="900" seamless="seamless" scrolling="no" frameBorder="0" allowFullScreen></iframe> Works OK but no matter what I do to the width and height number it comes up tiny. I can't tell if this is a squarespace/brine issue or a flipsnak issue. Any advice? https://www.thetextileeye.com/heimtex-flipbook -
Hi There - I'm trying to edit the "from" before the pricing on my products to say, for example, "6-packs from" on a product by product basis to make it clearer to our customers what we're offering for that cheapest variant. Is there a way to accomplish that through tags and a little custom CSS? Thanks
-
Removing Event Category Metadata Separator
welfaremike posted a question in Coding and Customization
Site URL: https://www.effinghamvillagewine.com/events Ugh, the worst part about Squarespace is the lack of complete control. No, I don't want to be a computer science major just to be able to tweak something. There needs to be a level between "we'll hold your hand through everything" and "Web Developer PhD". For instance, this comma stuck between the event categories metadata. There is nowhere to get rid of this and I can't for the life of me figure it out with custom css or anything else you can do without developer mode. Any ideas?? -
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!
-
Site URL: https://lonsdalestudio.com/ Hi I'm planning to migrate from Moksha (Brine family) 7.0 to version 7.1? Does anyone know of a template most similar to Moksha in version 7.1? And yes I'm aware I can use any elements in 7.1, I just want a starting point similar to my current site. Thanks! -
Are international date formats supported yet?
milowindsor posted a question in Coding and Customization
Site URL: https://lonsdalestudio.com/ Hi does anyone know if Square space natively supports international dates yet? Ie dd/mm/yyyy. Last time I checked they didn't and I have a work around but it's very clumsy. Thanks! -
Can I put a border around my gallery images?
milowindsor posted a question in Coding and Customization
Site URL: https://lonsdalestudio.com/ciara-antony Hi can anyone tell me how to add a border to the images in my stack gallery? Thanks! -
Reduce Padding on Indexed Homepage for MOBILE only
LindsKing posted a question in Coding and Customization
Hi Circle Peeps Is there a quick snippet anyone knows of that can be inputted into custom css to reduce the padding on an indexed page for mobile? I would like to reduce the padding above the titles for just mobile version. TIA!!!! :) -
Can I put a border around my gallery images?
milowindsor posted a question in Coding and Customization
Site URL: https://lonsdalestudio.com/ Hi does anyone know code to put a border around the images on my stack gallery? Thank you in advance! -
Site URL: https://commonfarms.com/edible-plants-of-hk-vol-1 I wanted to create three columns of text side by side, so I used three content blocks. On desktop the columns look fine, and they are reshuffled correctly on top of each other on mobile. However, on tablet view the columns do not preserve the right look of the text and squeeze each other to one side. Would appreciate any advice on fixing this issue. desktop view tablet view
-
Remove Shopping Cart Icon in Brine Family
Digital-Magpie posted a question in Coding and Customization
Okay, I'm working on a site using the Autotunes template from the Brine family in 7.0. We are not currently selling anything, though we plan to later. However, in the meantime I want to remove the shopping cart icon since there is no shopping cart. How do I do that? -
Site URL: https://cinnamon-guitar-2zdw.squarespace.com/blog/s Hello, I would like to change the line blocks (between blog posts) on my blog index page into an image. Can anyone advise please? Site password: 7512
-
Social Icon on Header + Hamburger Menu
juliannarodriguez posted a question in Coding and Customization
//Adds extra space to header .Mobile{ padding-top: 1.5%; padding-bottom: 1.5%; } Hi! I have a client who added a hamburger menu on mobile (using the code above) and now they want to add a social media icon on the navigation bar. The font awesome work around is not working and I'm not sure how else to implement this? Help! -
Site URL: http://sparhawk-demo.squarespace.com/?password=demo Is there a way to set a different content inset for the first banner section of an index page in Brine using CSS? I'd like to have a content inset of 2 for content overlaying the first banner image and 3 for all other content. The site-wide content inset is currently set at 3. -
Site URL: https://www.hubbyco.com/positively-earnest The caption below images in the gallery grid view is body text by default. Is there a tweak to make it italic and bold without effecting body text elsewhere on site? Thank you!
