Search the Community
Showing results for tags 'brine-template'.
-
Brine - how to change shop category navigation styles?
twomindspress posted a question in Coding and Customization
Hi there, Wondering if there is a way to change the styles for the shop category links in Brine to match my main header navigation? I've made my main nav so the active page in the header is the site accent color and the links have a strikethrough effect on hover. Is there a way to also add these effects for my shop navigation? The site is not live yet, but I'll attach a screenshot. Thanks! -
Site URL: https://blackgryphon.squarespace.com The page can be found at blackgryphon.squarespace.com and the password is "gathman" (no quotation marks). So I'm having an issue where a blank space shows up on the right side of the window (on all screens) when the page is either dragged (as on mobile) or scrolling with a mouse to the left on a desktop. The page loads fine and some may not notice it unless they were to accidentally bump the page left. I pulled out all my custom CSS and code injection and that didn't solve the issue. I feel like it's probably something super obvious as -
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 -
Site URL: https://dinosaur-radish-jbx9.squarespace.com Hi @tuanphan I was wondering if you could help with moving my logo to the centre of the page please. I want to position the logo where the screenshot shows "CREATIVE AGENCY" and then have the small text and "'explore" button underneath. URL: https://dinosaur-radish-jbx9.squarespace.com Password: helloemmett Thanks in advance!
-
Site URL: https://blackgryphon.squarespace.com/ So this can currently be seen at blackgryphon.squarespace.com (password is gathman). Right now the menu is set to default to show all menu items, but when clicking say "Lite Fare" which has substantially less instead of changing the height of the section it seems to be pulling the next section below it (events) up and I lose the banner images in between. When switching off parallax in the design panel the problem is gone, but... ideally I'd like to use parallax. I've attached a couple screenshots below:
-
I am using the Brine template. I'm looking to add a border around the products in my products page. Does anyone know how to do this with CSS or is there just a setting I am missing in the page? Here is an example of my products page. I would like a black border around all these different products.https://www.pauljonesstore.com/hats thanks.
-
Site URL: https://typeaprofessionals.com Hi there, I'm using the Brine 7.0 template with the parallax scrolling effect for three images on my home page. The images look fine on desktop and tablet view, but when I look at my site on my phone, I notice there is a black space below the images before they start scrolling (shown below). I'm using this CSS to make the header fixed--could this be cause of the black space problem beneath the images? Any idea how to fix? Thank you! //fixed header navigation// .Header.Header--top { position: fixed; top: 0px; z-index:10 -
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 -
Reorder my items in Product Item summary section
hey_flor posted a question in Coding and Customization
Site URL: https://www.unsolomondo.com/ Hello everyone, this is my first interaction here. I'm trying to reorder my items in my "ProductItem-summary" section, I need to place my Size Chart next to my Size button and I can't do it. And I have also tried to reorder or navigation on the mobile: the price below the title and then the gallery and I do not get it. Can someone help me? You can view the Size chart here: https://www.unsolomondo.com/shop-men/hispanico-sangue password: Bernardomascherano -
Site URL: https://www.bookythings.me/ site: https://www.bookythings.me/ password: booky Hi! Can someone help me move the Submit button from the newsletter block so it's on the same line as the Email field? See screenshot below: Thank you!!
-
I'm currently having an issue where I've added some code to invert my site's logo from white to black on Hyde's white pages. This has worked everywhere EXCEPT for when individual products are opened from the store. So far, adding the individual page id solves the issue somewhat, but I have lots of products uploaded. This means adding individual page ids for ALL of them, and then the issue returns when a new product is added. Does anyone have any ideas on a faster, better way to do this that also is implemented when a new product is added?? I've attached screenshots of my issue - first is of t -
Site URL: https://gregorylassale.com I'm considering changing the design of my intro page in a way that would would entail changing the font color to white (text and button). I've tried targeting the block IDs and the section but nothing's working so far. How would I go about it? Brine family template 7.0 . Thanks.
-
Site URL: https://www.dianatantillo.net/storyboards Hello, I know I have seen the comment of reordering blocks on mobile and I have tried a few of the solutions offered, but I just don't know what I'm doing wrong. I have on desktop: [gallery] [text] [text] [gallery] And for mobile I want the image gallery to be above the text, but no matter what I try it doesn't seem to do it. I want My other question has to do with aligning vertically text. I would like the text next to these gallery block to be centered with them. What I have right now I did with spacers, but the small -
Change size of specific image when viewing on mobile
doshea posted a question in Coding and Customization
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. -
Brine - Scroll past Logo and fix header navigation at top of page
EBB posted a question in Coding and Customization
Site URL: https://www.yaliglass.com I am refreshing our website (Brine 7.0) and would like to move our logo to the top centre position, with the main navigation underneath. As it takes up lots of space as a header I would like to be able to have the logo disappear when I scroll down and then fix the main navigation menu at the top of the page. I cannot figure out how to do this, I have tried various CSS but nothing has worked so far. Any help would be really appreciated! I attach two screen shots of what I would like it to look like (with Logo at top, then hidden when I start scrolling -
Site URL: https://livolsirosaries.com Hi, I'm not sure how best to describe what I want since I'm not a web developer, so I took a made a couple of pictures: I'd like for these text boxes to line up next to each other in the following formats on desktop and mobile respectively while maintaining the line break that exists in the top footer. Let me know if anything is unclear or if you have any questions. Thank you in advance for any help. -
Had a hard time finding any answers on how to maintain a specific, responsive aspect ratio for Brine Family index sections with background videos. My client has a full width background video that needs to avoid cropping, and this was the best solution I could figure out. Does anyone know how to calculate the padding for other aspect ratios, like 3:4? I will post a link to the site when it is live. section#your-section-url { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */ } -
Site URL: https://www.vibrantlylivingsara.com/shop Hi, Underneath my products I would like to add info on the resources that people will get access to once they have placed their order but the only thing I seem to see if the Footer... If I add it into the footer this will appear on every page which is not what I want... I only want this on the bottom of my shop page. I have attached an image of what I would like to put on the bottom of the page. Is this possible at all ? Sara -
Site URL: https://faithstrongculture.com/test Hi! I looked through the various other posts regarding full bleed blocks and tried a whole bunch of proposed solutions that didn't pan out fo me. So here I am again. I have the video embedded via a video block with the code below. (Courtesy of Rebecca Grace) <iframe src="https://www.youtube-nocookie.com/embed/*******?playlist=*******&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe> I would like that video block to display full screen just as it would if it were a banner vide
-
Button position and time delay in Brine index page
Kico posted a question in Coding and Customization
Site URL: https://fscvideo.squarespace.com/ Hi! I'm testing a site and want the button on the first page of the index to be hidden and fade into appearance after 50s. The banner video will automatically replay and the button should then stay fixed on the page. I added some CSS to bump the button down lower on the page but when the page loads, it appears in its default position then drops to the bottom where I want it once the page loads. It doesn't look good. So I need help with that as well. //position button at bottom of page #block-yui_3_17_2_1_1617904209747_3948 { p -
Site URL: https://faithstrongculture.com/new-index Hi, I know I've done this before but for the life of me everything I'm trying doesn't work! I'm pretty sue it's a simple setting. I have a video banner on an index page and when I view it in mobil mode there is a large chunk of white space at the bottom. What setting do I need to change to get rid of this? I don't think any of the minimal CSS I hav on the site is affecting it. Screen shot blow but you can visit for yourself. Thanks!
- 2 replies
-
- 1
-
-
- brine-template
- custom-css
- (and 1 more)
-
Disable hover dropdown and replace with onclick
msdema posted a question in Coding and Customization
Site URL: http://mimiceramics.com Hello, trying this again now that I have looked up more info and figured out better how to ask what I'm looking for. On Brine, the default seems to be that the navigation dropdown appears on hover. However I would like to change hover to onclick. I'm not seeing a lot of CSS options, so I'm guessing I might need javascript? Are there any resources on where to find the coding I need for this? Thank you! -
Site URL: https://www.villagewellness.net/online-workshop-schedule Hi, I would like to display a the event range of dates rather than just the initial date of the class - on my summary. https://www.villagewellness.net/online-workshop-schedule. Anyone have any ideas?
-
Site URL: http://renewfest.org.au I am looking for CSS code that will scale my Image Posters when on mobile. They look good on desktop, but get too small on mobile. I'd like them to zoom in to the centre of the image and be, say, twice the height they are now. I'd like to set it for all posters not just one. Attached is an example. url is www.renewfest.org.au Thanks for any help!
-
Site URL: https://www.maceyjforonda.com/commissions Hello! In need of some help, since I don't have experience coding: Trying to create a hover function over the individual thumbnails in my grid that shows the image title or caption (like the attached image, but without the shadow). I only need this function on the commissions page and I want to keep the current font as well.
