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

Search the Community

Showing results for tags 'brine'.

  • 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://www.madleennilsson.com/ Hi, I have customized my Newsletter Block with custom CSS. I've managed to make it appear correctly on desktop and mobile, but I don't seem to make it work on the size in between — which I guess is tablet size. I've attached two files: one where it's shown correctly and one where it's incorrect. Does anyone have any idea on how to fix this? Super thankful for any help. Very Best/ Madleen
  2. Hi there! Apologies if this question has been asked before, I couldn't seem to find the answer to my question. I have my primary navigation position at bottom centre, so it sits on top of the banner images on the website. I have the link spacing at about 2.0em as I want them spaced out. However, the weird little breakpoint between phone and desktop, which I believe to be tablet sizing (?), makes the navigation items stacked, and it looks awful. What I would like to do is to force it to switch to the mobile view/hamburger menu. I know that there is a lot of CSS out there to force
  3. Site URL: http://andrewmorrisphotography.co.uk Hi there, I was wondering if it's possible to change the colour of the gallery navigation numbers to a custom colour. Ideally I would like to change it so it matches the header primary navigation on my website. Any help would be greatly appreciated.
  4. Site URL: https://www.fortsferryfarm.com/select-store-page How do I add drop shadow to poster images on hover on one page only? And is there a way to replace images with a solid color using css?
  5. Hi, I have set up a landing page in Moksha, and in tablet view, I am losing the end of heading2 words off the screen (image on left; text on right style). All good on laptop and mobile, just an issue on tablet. Also, for laptop & tablet, how would I adjust the size of the Shutterstock image used at the side of a text box, to make them sit at the same height as the text or at least centred next to the text? On mobile it's all good because the image sits below the text. No coding please if poss! Thanks for your help.
  6. Hi, I have set up a landing page in Moksha, and in tablet view, I am losing the end of heading2 words off the screen (image on right; text on left style). All good on laptop and mobile, just an issue on tablet. Also, for laptop & tablet, how would I adjust the size of the Shutterstock image used at the side of a text box, to make them sit at the same height as the text or at least centred next to the text? On mobile it's all good because the image sits below the text. No coding please! Thanks for your help.
  7. Site URL: https://www.elizabethdotdesign.com/shop/aida-darkgrey Hi I'm trying to make my product pages look better, at the moment I feel like it looks such a mess, but it's the best I can do in brine. I think?! I have selected the slideshow option for photos but I think it looks awful with all the thumbnails below. Is there a way to add arrows for people to click to move to the next photo rather than have all those messy thumbnails at the bottom? Thanks
  8. Site URL: https://interiorsbydesignco.squarespace.com/ Hi, I've recreated a clients site from 7.1 to Brine in 7.0 so that they can have a parallax background image with scrolling text. I've added anchor text links to jump to text block and used spacer block and also carriage returns to get the positioning right. I want to stop the banner image to scale beyond the edges, so that the background image is always 100% of its width. Is this possible? To view the site: https://interiorsbydesignco.squarespace.com/ interiorsbydesign Now that I've added
  9. In Brine (Pedro, actually) I have centered an image on an index page (on the page below the index, actually) that looks fine on desktop, fills the screen almost side to side on mobile, and is tiny on tablet view. I'd like to make the image smaller on mobile, and much larger on tablet view. Any suggestions? Sorry, I can't supply a URL for contractual reasons, I hope this is clear.
  10. Site URL: https://pumpkin-oarfish-52lk.squarespace.com/config/design Hi, How can I get the colour of each text to change when the viewers scrolls over it? Thank you in advance
  11. Hi, I'm designing a site for my client, using Brine. Whilst she loves the use of a white border for desktop viewing, she'd ideally want no border when viewing on a mobile. Does anyone have a code for this? (the site is not yet live) Thank you!
  12. Site URL: https://www.scrubdesthetics.com/ Can anyone help me figure out why the logo in my site footer is cropping on both the left and right side? I am attempting to make the logo small and look decent on all device sizes but for some reason it keeps cropping. This is the code I'm using now but it doesn't seem to be 100% effective. div#block-yui_3_17_2_1_1599629340594_357495{ margin-left: auto; margin-right: auto; width: 50% !important; height: 0px; margin-top: 30px !important; margin-bottom: 30px !important; } Site password: scrubd
  13. Hi there, I'm using the Brine template and have been frustrated because I cannot figure out what's happening when I view my mobile site. When you view the site on a phone and scroll, the site shifts to the right or left and you'll see a background color. So, it doesn't stay static in the center of the screen when scrolling. I think it has something to do with the custom CSS code I added for the footer, but not sure how to fix it. If anyone has ideas or an answer I would greatly appreciate your help. Thanks!
  14. Hey guys, would it be possible to use flexbox or some other technique to turn the grid layout on the Brine blog into a masonry layout? So instead of a fixed grid you'd get something that looks more like the wall summary block. I've seen a plugin for the grid gallery that turns the gallery into a masonry layout and that plugin uses javascript - maybe that's the only way?! Just hoping someone with more knowledge can give me some insight into how this might be achieved for the brine grid blog. I'm using this trial page to test this out: https://nouvou.squarespace.com/news pass
  15. Site URL: https://www.evokeengage.com/blog/what-to-post-on-social-media-during-covid-19 I'd like to constrain the width of my blog posts to the same width as the images at the top of each post. Here's an example: https://www.evokeengage.com/blog/what-to-post-on-social-media-during-covid-19 Ideally, the copy would be constrained at the sides - the same width as the image. What CSS do I need for this? I've tried every option that was posted to this forum in the recent past that seems related, but none seem to work in my case. Thank you!!
  16. Site URL: https://ellifischer.de Hello, I have already tried a lot of things, but have not yet come to a result. I would like the mobile menu not to open over the whole page when you click on it, but only so far that you can see the menu items and the X, from the right. The X should be in the top right corner. The rest of the website should still be visible. I get it with the code: .mobile-overlay-menu { width: calc(~"70% - 60px"); } that the menu does not cover the entire page, but neither transparency. Can anybody help me? Thaaanks!
  17. Site URL: https://chihuahua-wrasse-j3yk.squarespace.com/ The default mobile composition for Brine's Grid Gallery blocks is 2 images in each row. I would like there to only be one image so they're stacked on top of each other. I found this tutorial https://christyprice.com/squarespace-tips-tricks/stack-grid-gallery-squarespace-mobile that explains how to make stacked grid galleries default or apply it to all except one, but I would like to only apply it to the grid gallery in my welcome block (the first section of my home page). I've been trying to combine block-specific tutorials with the tu
  18. Hi, Using Brine, how do you center the content (title, meta, excerpt, button) of list blog posts? Currently it is all shifted towards the top. Also, is there a way to create a space between the thumbnail and the blog list background box? Thank you! UPDATE: I have custom CSS and java on the site, and can adjust within there as needed. Just don't know what code to add. Thanks!
  19. Site URL: https://conch-armadillo-kf4s.squarespace.com/ Hi, Is there a way to reduce the width of the mobile menu overlay that slides in from the right side. I only want it to be about 50% of the screen. Site URL: https://conch-armadillo-kf4s.squarespace.com/ Thanks in advance.
  20. Site URL: https://amoritasvineyards.squarespace.com/home?p Hello, I'm trying to remove the horizontal padding around the gallery in the Brine template so that it has a full bleed on the page. Thank you!
  21. Site URL: http://www.emily-nichols.com Hello, I just finished updating my site with the Brine Template and when I look at it on Mobile, the hamburger and search magnify glass are covered up by the title of my site. Any custom code to move things around? I'd also like to move the search bar to the footer if that's possible to save room on top. Thanks for your help!
  22. Site URL: https://www.domaniquejazmindesigns.com/ Hi all! Is anyone able to help me come up with some coding to change the left & right margins on my image:card blocks for mobile? I know there is a slider to change this in site styles but I actually like the way it looks on desktop, just not happy with the extra spacing on mobile view.
  23. Site URL: https://lineaskin-3001.squarespace.com/?password=demo Can anyone help? I am trying to add borders to my page similar to this https://lineaskin-3001.squarespace.com/?password=demo A simple fixed border on the top and bottom of each section, and a split vertical border as well. Thanks in advance!
  24. Site URL: https://sunny-sundays.com/getbalmy/naked Hi, The quantity form field is showing up on this product details page (https://sunny-sundays.com/getbalmy/getbalmy) but not on this page (https://sunny-sundays.com/getbalmy/naked) and I don't know why. I've indicated for both pages that I want the quantity to appear, but it's not on both. How can I fix this? Thanks!
  25. Site URL: https://burgundy-crow-wpya.squarespace.com/ Hey everyone! This is driving me nuts. I am trying to overlap the image block over the index gallery. I've set all relevant sections to overflow:visible and checked all z-indexes but no dice. Screenshot is attached, sample code is below - what am I missing? Password to the demo site is plough #content.Index-gallery{ overflow: visible; } #block-yui_3_17_2_1_1594395362623_4899 { transform: translateY(-80%); position:relative; z-index:100; } #content.Index-page { overflow: visible;
×
×
  • Create New...