Search the Community
Showing results for tags 'brine-template'.
Found 281 results
-
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! -
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! -
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!!!! :) -
Hello everyone, I'm trying to display my navigation menu vertically instead of horizontally on my website : https://coconut-bagpipe-9nzc.squarespace.com/home I would highly appreciate your help as I've been trying for a few days to find this out ! Thank you Robin -
I'm looking for some help in enabling multiple images loading on the homepage of my Mentor template website. Is this possible? If yes, can someone point me in the right direction to enable it? website: https://www.futuregenerationtrust.co.uk/ -
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
-
Hi there, I'd like to add a background to my website that is similar to this example: https://www.ginlane.com/ I've managed to work out how to just add a background color gradient, but it isn't quite the effect I'm after and I'd more so like to add a gradient/color change that activates on scroll. As I will be using colors that don't necessarily gradate (as per the example above), I'm wondering if instead of looking for a gradient option I should be looking for an option that would offer a smooth transition between background colors instead? I'm using the Mentor template, which is in the Brine family. Any help or suggestions are greatly appreciated! Thanks, Jessica
-
How do you make the main header on Brine transparent? I know there is a button in the design settings on Bedford, for instance, but can't figure it out in Brine for the life of me. My client had a white header and now wants a transparent background. I set the header background to hsla(0, 0%, 100%, 0.05), which displays as transparent on the home page while working on it, but not on the live site. www.rolddesign.com Thank you!
-
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
-
Site URL: https://cinnamon-guitar-2zdw.squarespace.com/blog Hello, I need help with adding a background image to my blog index page with css. ...or, adding a background image to to the wrapper of each blog post. I've been playing around with this code, but nothing is working: .tweak-blog-list-style-stacked .BlogList-item-image { background-image: url(IMAGE URL HERE) width: 100%; max-width: 500px; } If anyone can please advise, I'd really appreciate it! Site Password: 7512
-
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? -
Social Icon on Header + Hamburger Menu
julianna.rodriguezd 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! -
When building my site, i came across a problem I couldn't solve. I have my social media icons on the navigation on top of the page. When viewed in mobile, I lose them. I was looking to put them in the mobile menu (inside the hamburger icon) but was never able to find a solution. Was wondering if anyone had a solution to that. What I did was I placed them in the contact page on the bottom when seen on mobile. That is a temporary solution until i find a permanent solution. Is there a way to do this using CSS? I am using brine template. A solution to this would be appreciated. http://www.marinocarrabs.com Thank you!
-
I limited the with of my blog post content to 650px but images still show up full width. How do I contain the width of image (and video) blocks with CSS to 650px (centered) without squishing the image? I can't seem to figure it out.
-
Hi, Anyone knows how to add layers of images like on this page? https://thedenizencowinnie.squarespace.com/ I would like to add an image like the one in the background here, which does not take the whole width of the screen and sort of sits behind the image blocks.. I've tried with a png - adding my image on a clear background but I was wondering if there might be a better, easier way? Thanks!
-
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. -
push navigation Code for creating push navigation
gleemedia posted a question in Coding and Customization
Can anyone recommend custom code/plugin for creating a push navigation similar to this site? https://workhiveslc.com/ I'm using the Brine Template and am assuming it'll need to be code injection for the header. Maybe someone knows of a site offering or selling the plugin code? I know I can mimic this - sort of - by forcing the mobile hamburger to desktop by increasing the mobile breakpoint, but that means the menu background covers the entire desktop screen. Hoping to find partial coverage code. Thank you! -
Site URL: https://www.hubbyco.com/positively-earnest I'm trying to have the captions on view at all times in lightbox view (from a gallery grid), not just on hover. I don't care if it is overlay or below, it just needs to always be there. Thank you for any help!
-
Site URL: https://www.tierratraveler.com/home I am a novice attempting custom css... I followed Thirty Eight Visuals tutorial on 'adding an overlapping logo to your footer in Brine' and my logo is not showing up on the page. Curious if anyone can provide some guidance. Many thanks! The code provided is as follows: .Footer { position: relative; } .Footer::before { background-image: url(https://static1.squarespace.com/static/5ced253de3cf090001e8017e/t/5d77a536f455f4647c54b991/1568122166263/Logo.png); background-size: contain; content: ''; height: 100px; pointer-events: none; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 100px; }
-
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!
-
Site URL: http://micahveldkampdesign.com I have four different Indexes, each with an Intro & Gallery section. As this website is my portfolio, each image in the Index Gallery acts as a 'featured image' for the project it represents. The images are clickthrough linked to a separate gallery showing the projects in greater detail. I added content Titles to the 'featured images' that say the company name (i.e. boldSOCKS) or the projects (i.e. Graphic Asset Development) so that people know what that image is representing. The Titles show up in the lower right hand corner of the images. Everything looks great, except for on Mobile. on mobile all the Titles show up except for the last image in the gallery grid, for some reason. So, for example, on my main Index, I have three images: Company A, Company B, and Freelance. Freelance is the last one in the grid, and while the image shows up, the title does not. Company A and Company B show up fine... any ideas? I'm pretty stumped. It happens with every single gallery grid that has titles attached to the images. Thanks in advance y'all! -
Site URL: https://eleanorkerlowpr.squarespace.com/ I'm trying to hide the index background image on mobile screens only. As you can see it's interfering with readability on the phone layout. I'm been playing with custom CSS but can't seem to get the code to work where the background image assigned to that index is hidden. Any ideas? https://eleanorkerlowpr.squarespace.com/ Password: EleanorKerlowPR
-
Site URL: https://cinnamon-guitar-2zdw.squarespace.com/blog Hello, I need help with adding a background image to my blog index page with css. In addition to this, I also need help with adding a background image to to the wrapper of each blog post. If anyone can please advise, I'd really appreciate it! Password: 7512
-
Hi all, I am using the Brine template and am adding a carousel gallery on the first index page. I was able to add padding to my images with a CSC code I found on here but I would also like for my images to fill the space from left to right. So I am wondering if there is a code out there to get my carresoul gallery to fill the space from left to right. Thanks in advance!
