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


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: http://andrewmorrisphotography.co.uk Hi there, is it possible to change the colour of the logo when the curser hovers over it?
  2. Hi, I am using the brine template... I want to target and control the size of a specific image when changing between desktop, tablet and mobile. The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile. Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached. website: tbktest.squarespace.com Thanks in advance. Dan.
  3. Site URL: https://tmforwomen.squarespace.com/ Hello, I have used the below code to add icons next to a couple of secondary navigation links I have in my header. I would like to change the 'Australia' link to a folder in order to have some drop down options, however when I have tried to do so, the icons get all messed up. Please help and thank you šŸ™‚ .Header-nav--secondary .Header-nav-inner { position: relative; margin-left: 0px!important; a:first-child:before { content: ''; width: 30px; height: 35px; position: absolute; background: url(https://static1.squarespace.com/static/604c1cc6a735435de1a89915/t/6115de1730ff665c4ccd1a61/1628823064550/trancendental-meditation-for-women-australia-08.jpg); margin-left: -35px; background-size: contain; top: 1px; } a:last-child:before { content: ''; width: 23px; height: 15px; position: absolute; background: url(https://static1.squarespace.com/static/604c1cc6a735435de1a89915/t/611626f4b2b060229a5c36cd/1628841716883/Australia_30_20_s+%281%29.png); margin-left: -33px; background-size: contain; top: 5px; } } This is my aim (Australia here is a link to another page - I want to change this part to a folder) Australia should be the flag icon. Icons should not be in the drop down.
  4. Hi all, I just noticed that there is a white "Scroll" link in text added to the bottom of my cover page. The "Scroll" link appears & disappears as you scroll, and clicking it sends me to the bottom of my page. My cover page was created from a blank page. Below is the custom CSS I have injected to my site and a screenshot of what it looks like when I hover over a button at the bottom of my page. Can anyone please advise? TIA! Design > Custom CSS .markdown-block p { margin-left:1.5em; } .markdown-block .ui-closed:before { font-family:monospace; content:"+ "; } .markdown-block .ui-open:before { font-family:monospace; content:"- "; } form .select optgroup { display : none; } .Footer-middle { display: none; } div#footerBlocksTop { display: none !important; } .Footer-top { display: none !important; } Settings >Advanced > Code Injection (Header) <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() { $(this).nextUntil("h3").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script>
  5. Site URL: https://caterpillar-dog-ya7c.squarespace.com/ Hi, I want to extend my horizontal lines full-width, but at the moment they only extend fully to the right, I'm not sure how to remove the padding on the left? Password: doublelives Thank you!
  6. Site URL: https://www.drivenfilms.tv/services-index Hi, I'm trying to limit the height of the banner image (the blue car) on this page. How can I do this? I've tried the following and it has not worked: #collection-61621e15de18954468c833ac #banner-area-wrapper { height: 500px }
  7. Site URL: https://oliverjwoods.com/shop/blackseed-wax I would like to move the 'add to cart' button above the product info so the flow is 1. Product name 2. Quantity 3. Add to cart. 4 Product info 5. Additional info. Is this possible?
  8. Site URL: https://www.smorgasburg.com/ Hi, Im currently using Brine 7.0 and Im trying to edit the vendor page on my site. The gallery captions are not working with the CSS customization codes I have found. I am trying to have the vendor name in bold and the location underneath on a separate line. Is that possible?
  9. Hello! I'm setting up a site using the Miller template, and I want to hide the header-area banner on a page. I have added an image to the Media section of Page Settings because I want the image to show up other places on the site, like in a "Content Link" block. But I don't want that same image to appear in the header of the page itself -- I just want the header to have a blank background. How can I do this? I've tried a couple different variations of adding new styles to the "page header code injection" of the page settings, but I can't get the language right.
  10. Site URL: https://beth-howley.squarespace.com/config/pages Hi! Is there a way I can change the order of the footer middle block and the footer nav block so that the middle block (has the logo) is on the left and the nav is to the right. I attached screenshots of how it looks now vs how I would like it to look. I'm using the Brine template. Thank you! Current footer: How I'd like the footer:
  11. Hi, I'm currently rebuilding our website in Mercer/Brine (we were using Flatiron previously). I am trying to find a way to hide the meta (tags & categories) of blogposts when on the main blog page (I want them to appear on the individual post page). I've had a search around, tried out a bunch of custom CSS, can obviously get the meta to disappear on both but can't figure it out - maybe it just isn't possible? Any help would be much appreciated.
  12. Site URL: https://www.kirstensummers.co.nz/ I need to create a background box for my 'About' drop down menu, the text is black and is fine over light images but over darker images i can't see it. The drop down text is also very soft, it would be good f i could make that darker. Thanks
  13. Site URL: https://www.doncolliver.com/virtual-clown-team-building-activity Looking to hire an experienced designer to polish my existing 7.0 landing page to make it look a bit more professional. The photos and copy is already complete. Please reply with your portfolio- thanks!
  14. Site URL: http://bell-smilodon-ga5b.squarespace.com Hi I'm using Brine. How do I stack my navigation links into a left side navigation panel like Wells? So instead of it appearing as: shop cart journal about It would appear as: shop journal about cart Thank you!
  15. Site URL: https://michelle-gonzalez-photography.squarespace.com/test-magazine Hello, I am currently trying to change the position of the thumbnail images in a Gallery Slideshow block on the Brine template (7.0) from the standard placement (below the main/active image) to the right of the main/active image. I am trying to achieve a layout similar to the website below - section titled "Love in Ink Magazines": https://laurkenkendall.com/ I've also attached images of what I currently have vs what I would like. Is this possible to do? Would appreciate any help as I've been wrecking my brain for hours on how to achieve this. Thanks so much!!!
  16. Site URL: https://www.annasassi.com/ Hi, I'm trying to create a 3 column footer design on my website. The column design option doesn't get the result I want. And I haven't found any code that works. I've attached a screenshot of how I would like it to look on desktop. On mobile I'd like the footer blocks to remain stacked. Is this possible? Thanks
  17. Site URL: http://www.ginapiccaloastrology.com How can I change this client's Member Sign In to a button in the Navigation Menu? help! : ) (why isn't it in line with the other navs anyway?)
  18. Site URL: https://kamijimatours.com/adventures/home Hey guys, There is a problem which I have been struggling to figure out the whole time. I have put a background video onto my index page on Brine 7.0 template. When I am using the squarespace editor, the video plays. And when I am using my google account, the video plays (windows work laptop and windows desktop). Of course mobile only shows the fallback image. HOWEVER, on other computers, I realised it only ever displays the fallback image. At first I thought that it was a MacOS issue. BUT, after trying on other google accounts on my computer it also doesn't work. Also I later found incognito mode also doesn't work. Anyone have any ideas what can be the issue? (Also if people see the video, then please let me know).
  19. Site URL: https://www.annasassi.com/ Hi I'm trying to customise the footer of my brine template website. I have used some code to create three columns for desktop but keep them stacked for mobile - see screenshot I now need to add a text box to sit above the navigation links - see screenshot - so that it reads 'Info' then the links below. If it makes it easier, i don't mind what order the columns sit in as long as it's all aligned and stacks in mobile. Hope that makes sense Thanks in advance šŸ™‚
  20. Hello! I am building a blog (no public url yet), and I want the viewer to be able to browse the entries by tag, however when I put an archive drop-down menu in the intro section of the blog's homepage (Brine/Mojave...so no sidebar), clicking on the dropdown menu brings up the ENTIRE list (instead of a small, scrollable list) and it pushes ALL the blog content down to the bottom of the list. How can I code this so that the list drops down OVER the content AND is shortened to allow for scrolling within the tag list? Thanks!
  21. Hello I'd like to add a floating button on the right side of my page. Is there a quick fix for this? Thank you all a lot.My website is lovemoves.de
  22. Hey hi, i have seen on the forum the exact same question i'm posting right now but none of the answers work for me so here i am. Iā€™m trying to remove the navigation bar from a specific page on my maple inn template (brine family). I'v read that i should insert this code : body#collection-5d58db8548099500014d80bb nav.Header-nav.Header-nav--primary { display: none; } But it doesn't work. Is there another way to do it or should i modify something in the code ? Thx in advance for your help !
  23. Site URL: https://sparrow-opossum-cbnn.squarespace.com/about#our-team I have built a "team" section on my client's 7.0 Brine site at https://sparrow-opossum-cbnn.squarespace.com/about#our-team (p/w: Melissa) that leverages code blocks to create a hover effect/light box for each team member. It looks great on desktop, but when you move over to mobile, because they are individual blocks, they stack in a single column. Since there are a lot of team members, this makes for a very long scroll, so I would like to have them stack in two columns on mobile screens. Is there some simple CSS I can use to target these blocks in mobile?
  24. Does anyone have code for changing the direction that the Mobile Menu (.Mobile-overlay) slides in from? On Brine / Rally, 7.0. I'm using the below code to anchor the menu fly-out to the right, but when it opens/appears it has a really awkward transition sliding in from the left. .is-mobile-overlay-active .Mobile-overlay {left:auto; right:0;}
  25. Site URL: https://www.annasassi.com/ Hi, I'm trying to move my additional product info to sit directly under the product description, on the right hand side. It's basically just an enquiry button rather than an add to cart button. I tried this code which worked perfectly except the button ended up sitting above the product name: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('section.ProductItem-additional .button-block').insertAfter(".ProductItem-details-excerpt"); }); </script> <style> .ProductItem-details-excerpt + .button-block>div>div { text-align: left; } </style> Any suggestions would be much appreciated šŸ™‚
  • Create New...