Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'brine-template'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 296 results

  1. 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?
  2. 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
  3. 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.
  4. 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!
  5. 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!
  6. 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!
  7. 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.
  8. 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.
  9. 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; } }
  10. 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!!
  11. 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
  12. 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
  13. 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?
  14. 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!
  15. 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)
  16. 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!
  17. I'd like to be able to use the entire width of the footer area. Currently my 3 columns are bunched to the left and the effect is sloppy and cramped. I'd prefer that they be spaced out evenly across the page. I tried asking Live Chat but their only suggestion was that I use stacked rather than columns. Fine, but that's not what I'd like to do.Any suggestions? Also, despite the fact that Styles says that I have the same font and sizes for Navigation and body text, they're clearly different. Can that be adjusted? website: RuffStuffTreats.compassword: SpentGrainTreats
  18. 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!
  19. 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
  20. 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
  21. 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??
  22. I want the image Title & Description to appear below the slideshow (rather than overlapping the image). Has anyone done this in Brine? Temp URL is https://horse-blue-mllf.squarespace.com/landscapes pp: wyunabayartist I've had multiple attempts at adapting other people's code for this and no joy.I'm just learning CSS so would appreciate any advice.
  23. 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!
  24. 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!
  25. 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!
×
×
  • Create New...