Search the Community
Showing results for tags 'brine-template'.
-
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://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 -
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!!
-
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. -
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 -
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 -
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://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)
-
Site URL: https://www.mdzadesign.com/ Hi! So I have the CSS below on my site. I used the Brine template and tweaked it to have a Flatiron look. It was displaying edge to edge but now the padding is back! Can someone take a look and let me know if I should be doing something different? Thanks! //no side padding gallery page #block-yui_3_17_2_1_1608184638861_3775 { padding-left: 0px; padding-right: 0px; }
-
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.yesterdam.com/ Hello! And thanks in advance for any help. This might sound a little bit complicated but I hope it is understandable. I am looking to have two images in one header banner for my home page that way when switched to mobile view each image with its button and text will stack on top of each other. On the uploaded images, you will see what I mean and how I would like them to be. Also, I saw a couple of websites like Mejuri and PDpaola that have this so those would be great examples (they have two images full width next to each other on desktop view and th
- 3 replies
-
- 1
-
-
- brine-template
- banner
- (and 3 more)
-
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
-
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.
-
Site URL: https://bookythings2.squarespace.com/es/inicio https://bookythings2.squarespace.com/es/inicio password: booky Hi! Can someone help me force a 4 image row into 2 rows of 2 images for tablet? See screenshot of section below: Thank you!
-
Site URL: https://www.firsthx.com/home-new Hi Amazing community! I am working with the Brine template! I would love to aligned the bottom of the image of the doctor in the main banner with the button of the banner? (Sorry not sure if it makes sense but I added an image of what I am hoping to achieve below). I would also ideally like to incorporate a button below the text, I am currently using the overlap image poster block . Has anybody tried this? Do you have a Code I could implement on my website or perhaps an idea of how I could work around this issue? Thank you ❤️ -
Aligning image on main banner with bottom of page
MARIAPINEROSMURILLO posted a question in Coding and Customization
Site URL: https://www.firsthx.com/home-new Hi Amazing community! I am working with the Brine template! I would love to aligned the bottom of the image I of the doctor in main banner with the button of the banner? (Sorry not sure if it makes sense but I added an image of what I am hoping to achieve below). I would also ideally like to incorporate a button below the text, I am currently using the overlap image poster block . Has anybody tried this? Do you have a Code I could implement on my website or perhaps an idea of how I could work around this issue? Thank you ❤️ -
Site URL: https://www.littlepinkfarmhouse.com/ Hi, I'm helping out some friends and noticed thier links for "Inside our candles" , "Faq", and "About" don't go anywhere. The text is oddly placed inside the social links edit area. I don't know how to access this text or why it's showing up there. I don't think the text has a link attached to it, but I'm not sure how to fix that. Thanks!!
-
Site URL: https://www.mattreynoldsphotography.com/naturescapes Currently I have multiple galleries that I would like to code so when clicked the individual images in the gallery open to a Lightbox on a computer/tablet (currently set this way) BUT on a mobile they instead go a click through URL to another area on my site Possible? The template allows for either on both platforms (Mobile or Computer) so can set each to click through URL currently but then would want the computer/tablets to ignore this and open in a lightbox. The site link above is to 1 gallery ; but I wan -
Site URL: http://writeaboutnowmedia.com/ Hi there boys and girls! I have a website (http://writeaboutnowmedia.com/) where for some reasons we lost the banner image on the homepage - now it's only showing gray background. We're on Heights template in our Brine Family. Banner image won't appear on the Index page type (homepage), and as support suggested, the only way to add it is by some custom CSS code. What and where should I do so that the banner image I upload to media shows up on the homepage? Can you help a girl out? :) -
.thumb.jpg.ca76a89337b3626dcf4b21809a271150.jpg)
Adding Gradient to Social Links - Brine 7.0
SaskiaVanManen posted a question in Coding and Customization
Site URL: https://cymbals-wrasse-8fr4.squarespace.com/ Hi, Is it possible to make the social links in my footer have a gradient fill? Either all the time or on hover (I'd quite like to try both). https://cymbals-wrasse-8fr4.squarespace.com/ P/W: childrenofvision Thank you! -
Site URL: https://www.americanpacificgroup.com/experience Hi there! I recently started working with a new client who had their site built by another web designer using the Brine template in 7.0. On the site's experience page, my client would like a drop shadow to appear when the image in the gallery block is hovered over. And usually, the CSS that the past designer used seems to work perfectly fine (see first screenshot). However, I've noticed that when I'm using Chrome, these black lines appear around the images (see second screenshot). Any idea why this may be happening and how- 3 replies
-
- 1
-
-
- gallery-block
- gallery
- (and 3 more)
-
Site URL: https://interiorsbydesignco.squarespace.com Is there a way to reduce the padding of a page element? I've added a page element to an index section to act as a footer. But there is no way of reducing the height of the page (see photo) https://interiorsbydesignco.squarespace.com I tried a code from a different post thread which didn't work: #collection-5fcfa621faf0bc04d1d550c2 #page { margin: 0 auto; padding: 0px 0px; } The code only needs to adjust this single page height? Thanks in advance
-
Site URL: http://bookythings2.squarespace.com site: https://bookythings2.squarespace.com/search?q= password: booky Hi! Hope someone can help me. I’m working on a bilingual site (Brine) and have 2 footers (one as top and one as bottom). I’m using the following code to hide them on each page and works perfectly. #collection-number .Footer-blocks--bottom { display:none; } However, I have a search bar and when you search, the page is not a #collection, it’s a #yui and the code I was using doesn’t work. Also, I read it’s best not to use #
-
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://alison-mcgee.squarespace.com/ Hi! I've got a fixed header on my Brine 7.0 site. When using a mobile device flipped in a landscape position, it will do 1 of three things: List all the folder names in a row so that they're cut off. Fixed header doesn't work. Folder names stack, but fixed header doesn't work. Folder names stack and suddenly the fixed header works. So basically, sometimes it works and sometimes it doesn't. If I refresh my device then it is automatically fixed. How do I make it work all the time? For your reference, here's the c
.thumb.jpg.ca76a89337b3626dcf4b21809a271150.jpg)
