Search the Community
Showing results for tags 'brine-template'.
-
Eliminate Overlay on Video and Resize on Mobile
Fabrizio posted a question in Coding and Customization
Site URL: https://hippopackaging.com/video I'd like to eliminate the Gray overlay on this page video https://hippopackaging.com/video Also would like the video to resize proportionally on mobile. At the moment you can see only the middle part on mobile. Thank you -
Site URL: https://shop.jonathan-gallagher.com I have a gallery carousel, Brine, and would like to have more control over the design of the navigation arrows. I'd like to move them, possible split them in two, one on the left, one one on the right. Change their thickness etc. I think it's this elements: .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager but can't seem to figure out how to make changes to it pw:jonjonjon
-
Site URL: https://lifelab.world/de/spaces Hello Squarespace team, May I please ask for help in checking the code below? I am trying to translate a form field using this code, which I have been using since last year which was also provided here on the forum as well. I am unsure why it is not working on this specific button. (lower part of the page) Everything seems to be working on other types of German forms that I edited with the exact details below. I usually duplicate a page then just change some texts, but the forms are usually the same, the only differences are the block IDs for the codes. I added this on the Settings > Advanced > Code Injection > Footer <script> if (document.querySelector("#block-2cd3c3f72a1a11967dd0")) { document.querySelector('.field.first-name .caption .caption-text').innerText = 'Vorname'; document.querySelector('.field.last-name .caption .caption-text').innerText = 'Nachname'; document.querySelector('.field.address1 .caption .caption-text').innerText = 'Company name'; document.querySelector('.field.address2 .caption .caption-text').innerText = 'Anschrift'; document.querySelector('.field.city .caption .caption-text').innerText = 'Stadt'; document.querySelector('.field.state-province .caption .caption-text').innerText = 'Bundeslandz'; document.querySelector('.field.zip .caption .caption-text').innerText = 'Postleitzahl'; document.querySelector('.field.country .caption .caption-text').innerText = 'Land'; } </script> Am I doing something wrong? Thank you in advance! -
Site URL: https://orange-magnolia-wpn2.squarespace.com/newsletter Hi all, I'm trying to hide the 'First Name' & 'Last Name' labels on a form in the Brine 7.0 template. Any help is much appreciated. -
Site URL: http://www.benidesign.co Hey guys, I'm looking for a way to get rid of the page overflow / horizontal scroll on my site. When I previously code html, page {overflow: hidden;} it removed my sticky header nav. Is there any other way I can remove that annoying side scroll? site: www.benidesign.co Thanks for any leads!
-
Hey guys, I need someone's help urgently. My client want to have on the header bottom 3 lines. Is that something you could help? Many thanks in advance.
-
Site URL: https://www.organizeprioritize.net/services I would like to create a full-width beige bar behind the "Consultation" text seen here. I've used CSS to color in the text box, but is it possible to have the beige go full-bleed? The home page has a full-width beige bar, because it's an index page. Is it possible to create a similar look on a regular page? -
Switching the order of blocks for mobile
AThompson_social posted a question in Coding and Customization
I have these "hop scotch" sections in my site. On mobile this section looks like garbage because it goes content, image, image, content. Is there anything I can do to make it go image content image content? @lu.diehl @tuanphan https://lettuce-grapefruit-bdsr.squarespace.com/ PSWD socialive -
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?
-
How to stop images stacking on mobile version of the website?
Emily88 posted a question in Coding and Customization
Site URL: https://www.makingcentsofsaving.com/ How to stop images stacking on mobile version of the website? In 3 sections - 1) what they didn’t teach you 2)blog posts 3) free downloads https://www.makingcentsofsaving.com/ I want it to minimise instead of stacking as it makes the website long. I have gone through all the Site Styles and I am unable to find anything. Any suggestions? THANKS SO MUCH -
Site URL: https://www.octantacademics.com/homepage-draft-iii Without changing the padding for the rest of the webpage, I would like to make the top/bottom padding for the 'Our Approach' section (URL provided) consistent with that of the 'Who We Are' and 'Newsletter' sections. The latter two sections have background images that are simply the colors you see. I am assuming the solution will require a CSS code injection for this specific page section, but I do not know what code to use. Any help is appreciated! -
Site URL: https://www.hairdesignhelsinki.fi/verkkokauppa-testi Hi guys! How could I get these brand images to display in 3 columns on mobile? Squarespace 7.0 automatically hides span-2 columns so I gave it a width to show up again. However I can't figure out how to make them side by side? P.S. The reason I am not using the gallery option is that it is very slow to load... Regular pictures is a lot faster! -
Blocks in header getting cut off when window resized.
MillyBanks posted a question in Coding and Customization
Site URL: https://kazoo-lanternfish-ejx7.squarespace.com/home/#/new-page-1 Hi, I am building a custom sales page on Brine. I have removed the header logo and navigation and am now building out my 'header' of the sales page. I have managed to code the background image, logo & text to sit well when the window is full screen (13 inch) but any resizing sends things up and it gets cropped. I am wondering if someone has had similar happen? I am hoping to be able to code this for Desktop, Tablet and Mobile. The code I have used so far is as follows - PAGE HEADER CODE INJECTION - <style>.Header, .Footer, .Mobile-bar{display:none !important; }</style> Custom CSS - //Sales Page header //header image #block-yui_3_17_2_1_1652461734997_2785{ position: ; z-index:1!important; padding-top: 1%!important; margin-top: -26% !important; margin-left: -6.5% !important; margin-right: -6.5% !important; margin-bottom: 0px !important; } //header Logo #block-yui_3_17_2_1_1652455646794_1841 { position: relative; z-index: 100; margin-left: auto; margin-right: auto; top:-36em; max-width: 150px!important; } //Header Text Block #block-627e75e34300671849380e1a p {color: white!important;} #block-627e75e34300671849380e1a { position: relative; z-index: 100; top: -24em; margin-left: auto; margin-right: auto; } Any help is appreciated 🙂 -
Site URL: https://www.shiftmovement.org.uk/home%C2%A0 Hi, I am trying to get my image card to allow scrolling on overflow. 1.I am struggling to get the text box to stay the same size as the image. Whenever the screensize changes whatever px I set it too doesn't work. I want it to be responsive like an image card is normally. The code I have used has got the text to scroll but has cut it off weirdly at the top. Something isn't quite right! Can anyone help with what i'm missing? I also want the image card to be full width for it to visually look like this
-
Site URL: https://www.garycastelli.com/ I'm looking to make a full sized, rotating banner gallery for my home page. I wanted to have one like in the example below: https://www.scarletoneill.com/ Any help would be appreciated. Thank you! -
Site URL: https://lifelab.world/search?q= Hello Squarespace experts, I need some help please on how to translate the "type to search" on the search page on a specific language page which is the DE - German page. I also like to keep the "type to search on the EN page. 🙏 I have read this thread but I know that this applies to one translated page only. 😞 Please see the screenshot below Thank you in advance for your assistance! Sincerely Naomi
-
Hi, I'm using the GALLERY COLLECTION PAGE to add a photography portfolio on BRINE template, but for some reason is cropping all images to square 1:1 is there a way to stop this. I want images to keep their original dimension. Another thing I notice, is the gallery is not clickable. I would like to be able to click on one image see it on at the page, and a have two arrows, to move forward or backwards. Is this possible? with BRINE template. I've seen it with other templates. Thank you.
-
Is there a way to remove padding inside of a code block? I've inserted an image using a Code block and want the block to fit snug around the image itself, but I'm getting an extra padding on all sides. Here is a link to the site for reference Password: weddings This is the code I currently tried to use: .sqs-block-code .sqs-block-content { padding-top: 0px; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } Any help would be much appreciated!
-
Changing size of one banner heading for mobile only
GenuineContent posted a question in Coding and Customization
So I am building a website using the Impact template in the Brine family. I kept much of the original formatting, as it worked well for my client, including the large block header 1 format. However, one of my banner page titles has a word ("recreational") that is too long for the mobile view and getting cut off or wrapped mid-word (I included a screenshot). How do I change the font-size only on this page, and only for the mobile view? I don't want the font-size to change on the full-screen size; and I want the other mobile-view page title font-sizes to remain the same. Site: Recreational Therapy page -
Site URL: http://www.gatherist.com.au Hello. I'm using SS v7.0 - Brine Family (Walking Rovers template) and I have an issue with my homepage (a stacked index page). The last section on my homepage contains a background image with a newsletter sign-up form on top. I want to add the direct link to this newsletter section to my IG bio but when I type the direct link (www.gatherist.conm.au/newsletter) into my browser, the background image won't load so there's just a white background. I can partly see the sign-up form and button but it looks rather odd without the actual background image. I've tried this with every section on my homepage and the background image always fails to load when typing the URL for each section directly into the browser window. If I type just my web address (www.gatherist.com.au), the background images all load perfectly. I've tried multiple devices and browsers but get the same results. Does anyone know how to fix this issue? Thank you very much. R.
-
Site URL: https://lifelab.world/workshop-location-buchen Hello Squarespace experts, I am need of your help. Is there any way to increase the photo view of the gallery on mobile? Or just reduce the showed photos per preview to 2 photos or 3 photos? I have 2 galleries on the URL. Thank you so much in advance!
-
Site URL: https://www.maartenrots.nl/ Hi there, I'm using Brine (Moksha) and would like to have the social icons in the footer instead of the header. It would be great to get some help with this, thanks! -
Site URL: https://www.blackmothersinpower.org/ I have a client who wants to see the first page within the folder when they click the drop-down, but it is currently not showing. I have seen a code that helps me hide the first page, but am blanking on how to create a code that makes the first page in the folder show up in the dropdown. I tried a workaround by duplicating the page, but it shows twice on mobile. I appreciate any help. -
Site URL: http://www.hornbeamtraining.co.uk/courses Hi, I simply want to edit the back to all events link to take customers back to the main course page (anchor link to the #events-calendar section) rather than to the rather ugly page with just the calendar on! Is anyone able to help? Here is one of the events https://www.hornbeamtraining.co.uk/online-events/o0oxsupoddg1u0ihrj44mbcn4shj6h-ww7gr-h6tbf-w3thj-sy2pe-rkjd3-by6yp Thank you in advance!!!
-
brine-template Help with site width problem on a 7.0 site
jaisequoia posted a question in Coding and Customization
Site URL: https://www.seedsnelson.org/ hello all! Something has changed in sqsp (AGAIN) and has effected SOME code on this site and I'm not sure wha the culprit is? There are extra scroll bars on the right and the bottom of the site as well as extra site background showing below the footer. Any help would be WONDERFUL. 🙏🙂
