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'.

  • 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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

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


Badges


Expert ID

  1. Site URL: https://bird-trout-wd7s.squarespace.com/ PW: joejoe I'm using the Brine template for my website. My banner images have borders around them that I want to appear fully. My banner images are 1366x683. In the Custom CSS code, I've tried the following: .index section: first-child { min-height: 100vh min-width: 100wh } .title-desc-wrapper.has-main-image { min-height: 100vh; } .banner-thumbnail-wrapper { padding: 0px 0px; } .collection-type-page .banner-thumbnail-wrapper { padding: 0px 0px; } .collection-type-index .banner-thumbnail-wrapper { min-height:
  2. Hi there, I've used the code below to set up a transparent mobile header for my site which uses the Brine template. The mobile nav header now sits nicely over each index page banner image: @media only screen and (max-width: 640px) { .Mobile-bar--top { background: hsla(0,0,0,0) !important; position: relative; z-index: 1 !important; } .Index-page--has-image:first-of-type { margin-top: -100px !important; position: relative; z-index: 0 !important; } .sqs-block-content:first-of-type { margin-top: 50px !important; position: relative; z-index: 0 !important;
  3. Site URL: http://deeluxetravels.com Hi, I have just learned that my website template design (Brine - Moshka) does not have H1 headings in the blog titles. As such, I don't think? there is any fix but to change to a whole new template. Is that correct? What other templates is suggested? I have had an audit done on my site and is said to be critical for SEO ranking. Any help would be appreciated. Not keen to start over as have a lot of blogs already in place. Cheers
  4. Site URL: https://faithstrongsite.squarespace.com/layertest Hi! I am trying to layer image blocks directly on top of each other on a single page. I did this with two images on the page linked above. (password: faithstrong) Adjusting the margins seems to work, but not on mobile. Here is the CSS I used. #block-yui_3_17_2_1_1611041268633_5042 { margin-left: -640px; } #block-yui_3_17_2_1_1611041268633_3771 { margin-right: -640px; } How do I get the same effect to work on mobile? Am I using the best solution for what I want accomplished? I'd also like to be able to
  5. Site URL: https://www.jamieclarkimages.co.uk/ Hi all, I use this code below to change heading font sizes on mobile view for a brine template. I want a different h2 font size on the 'About' page ONLY on mobile though. So different heading font sizes on different pages on brine mobile view. Any help greatly appreciated. Thanks @media screen and (max-width: 641px) { body {font-size: 12pt} h1 {font-size: 11pt} h2 {font-size: 10pt} h3 {font-size: 16pt} }
  6. Site URL: https://www.bottlerocketrecording.co.uk/ Hi @tuanphan, I've recently redesigned my site – transferring from Pacific to Brine (in favor of more editing options). It's not been the smoothest of transitions and I've had to dip into CSS to facilitate what I'd thought were some pretty basic requirements. Anyway I'm pretty much there now apart from some frustrating glitches on mobile view, as explained below. On mobile: The header at the top keeps mysteriously adding 8px + worth of padding to the top and bottom which is contributing to – if not wholly – causing it to obscure my
  7. Site URL: https://faithstrongsite.squarespace.com/ Hi, I'm using the Brine template for this site and have the logo and navigation set on the bottom for the desktop version so it overlays the banner image. I've been trying multiple CSS tweaks to hav the same header overlay effect on mobile. Nothing's working. I can't get rid of the white bas across the top. Please help! pw: faithstrong Thanks!
  8. Site URL: https://www.carolyntaraoneil.com Is there any way to preserve the original size of an image when using as homepage banner? My site is https://www.carolyntaraoneil.com, and you can see that Squarespace keeps zooming in, ruining the image entirely by cropping the edges off. I'm in version 7.0, Sonny template (Brine family), and I don't seem to have the ability to edit css. Thank you.
  9. Site URL: https://www.americanpacificgroup.com/experience-test Hi there! I'm updating the portfolio page for my client's Brine 7.0 site. I'm used to designing in 7.1, so I'm not as familiar with the design capabilities of this template. I would like it so that when a visitor clicks on one of the logo images, a lightbox opens up with more details about the specific project. (Like this site here has done: https://long-ridge.com/portfolio/ I've also attached a screenshot) I see there is a way to link to a new page within the grid gallery block editor; however, my client doesn't want visito
  10. Site URL: https://www.maartenrots.nl/slideshow-test Hi there, I'm using Brine (Moksha) and want to modify the hover effect on slideshow gallery images. I have found some CSS code that helps me change certain things, but I am not getting to the result I have in mind. I would like the hover effect to cover the full image, instead of just a small area in the center. It will have to remain clickable as it will link to a page on my website. On mobile devices I would like the title and description to appear below the image. I am testing this on the following page: https
  11. Site URL: https://sailfish-polygon-pace.squarespace.com/ Hello community, Asking for some help with the code snippet I used to to move the < > arrows on my Summary Block. https://sailfish-polygon-pace.squarespace.com/ Password: changethespace2021 This is what I have, but the previous (left) arrow is still hovering over the first image in the carousel. Any tips? Thanks in advance! Custom CSS >>> .summary-carousel-pager { position: absolute; top: 40%; left: 4%; transform: translateY(-50%); width: 100% !important; z-index
  12. Site URL: https://www.itsnicetohearyou.com/v1-home I want my navigation to sit on top of my background video, and not have this background color showing at the top. It really doesn't look good. How to I make my background video full bleed, specifically to the top of the site. I want to move the background video up! Please help!
  13. Hi there! Does anyone know how to do snapscrolling in Brine template with css? Like the first section of this website: https://www.serta-japan.jp/special/?utm_source=gkt&utm_medium=cpc&gclid=CjwKCAiA_MPuBRB5EiwAHTTvMUb8pOQQ0MqIZhy2gjd57Essi_Xj0FOn7CSJJ3Dkpch_XVxCzg7RhxoCWEQQAvD_BwE&fbclid=IwAR0xZQg6nv2lYHsLmuCxmQ0-gRMqeB7HC2pfAucptG7njcpA9kWIcIDqK8Y Thanks a lot in advance if someone can help. Sheri Lai
  14. While it looks like this used to be the default, I'm wondering if there's any options to have more than one column in the mobile view of a Brine Grid Gallery (end goal: to more mimic the responsiveness of the grid gallery on desktop with more than one column, see example below--screenshot of desktop view). Thank you!
  15. Site URL: https://the-movementexplorer.com/blog/2020/12/25/25-work-from-home-laptop-ideas-to-help-your-back-body For the sake of page load speed, I've been reading about ffmpeg & Handbrake. Anyone prefer one vs the other? I'm Trying To: convert original .mp4s --> .gifs OR convert .gifs --> .mp4s --> embed onto SS Blog Posts via either YouTube/Vimeo reduce file size to under 500KB (per file) if possible retain some semblance of color & image quality (that's close to the original) upload a kabajillion "gifs" aka .mp4 animated videos to my
  16. I'd like to create a bouncing down arrow like the one on this website: https://www.cookmellow.com/ It would be within the index pages of Brine / Marta template -- so that people know to scroll down (particularly on homepage)... Thanks a lot
  17. Site URL: https://www.monocycling.cc I'm trying to create a Index page banner that is full bleed and split into two images that are side-by-side or one image with a colour block side-by-side with no padding around them. I would like to then have text and a button over each image/block that will link to different product categories. Any help would be really approcaiated! Im using Marta template (Brine family). Here is an example, 4 pages down - https://www.pasnormalstudios.com/ Thanks!
  18. Site URL: https://www.monroesartstudio.com I'm working with the Brine series template and was wondering if there's a way to force your site to go landscape in mobile? It looks better to me, the portrait mode is fine, but just little things bug me out. Also my main image isn't center balanced so on mobile portrait it just looks like a butt :P
  19. Site URL: https://thebikecompany.co.uk/kids-bikes-in-store-now/frog-44-pink Brine 7.0 - I want to change colour of secondary nav on product page using the Page Header Code Injection. Secondary Nav is white across site overlaying a background image. On the product page there is no option to had a background banner so the secondary nav is not visable: White text / White Background. I wish to change sendary nav to visible colour using CSS code.
  20. Hi there. Working in the Brine template, and I need some CSS help please with changing the appearance of my mobile nav icons in the top menu. This is for the search icon, shopping bag icon, and hamburger menu in the upper right hand corner of the site on mobile. I see the ability to adjust in Site Styles, but the selection applies to all of them, and what I am trying to do is have the search magnify glass icon as "light", the shopping bag icon as "hairline", and the hamburger menu as "hairline". Any help on how to adjust this would be most welcome. Thanks all!
  21. Site URL: https://www.kristenbertolinidesigns.com/the-pursuit Hi there, Using Brine Template. I am trying to get my questionnaire to work through the form builder Question Scout, but on click to start completing the form it doesn't take me to the questions. Form works fine through the link (https://form.questionscout.com/5f0d7c9e0ee3333601fa1ef7) but when using the below code it doesn't work: <script id="etocxmxssiwpawnkd">(function(a, b, c, e, f) {var s = a.createElement('script');s.src = b;s.setAttribute('data-form-id', e);s.setAttribute('data-runner-id', c);s.setAttrib
  22. Site URL: https://sunfish-giraffe-gaz6.squarespace.com/selected-work Hi Team, I am trying to achieve a site border for a specific page (not the entire website). The Page in question - https://sunfish-giraffe-gaz6.squarespace.com/selected-work Password - qwerty Basically the look as seen in the first attached jpeg (but that look I achieved is via site style which applies the border throughout the website). So looking for a code which targets only this page. I did some basic research and I did try the code found on this thread :- body#collection-5eb9
  23. I am working with the Brine Template and want to make the navigation elements within the Header-nav-folder accessible via keyboard. Today, I am able to tab through these links; however, because the menu only expands upon hover of the parent folder, a user is unable to see that they are navigating through a sub-menu. This causes a huge accessibility problem for keyboard-only users. I couldn't find anything in the CSS that triggers this onHover for me to add an onFocus event handler, so I'm a bit stuck as to how to make this appear without the use of a mouse. Any help is appreciated! URL: w
  24. 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
  25. Site URL: http://andrewmorrisphotography.co.uk Hi there, is it possible to change the colour of the logo when the curser hovers over it?
×
×
  • Create New...