Search the Community
Showing results for tags 'brine-template'.
-
Shaping google reviews pushed from Tagembed or Elfsight
lucadeangelis posted a question in Coding and Customization
Site URL: http://www.lucadeangelis.net Hello everybody and thanks for answering this. I'm trying to embed the reviews from my customers into the site. The problem comes, as shown in the image, with the widget I embed from Tagembed: I am not able to tweak its dimensions in order to not have the vertical scrolling bar. With both Tagembed and Elfsight widgets, I can't either set the distance from left and rights borders of the screen, which is not essential, but would be a good thing too (but may it be a problem with responsivness?) I guess the problem comes from the space Squarespace gives to the Code Blocks, but can't be sure of it. This is the code from Tagembed -
Brine Main Navigation Underline in Folder CSS
earthwindflowermoon posted a question in Coding and Customization
Site URL: https://mokshatransformation.squarespace.com/ Hello there, I am using the below code to create an underline effect on my main navigation.... (site password is: Moksha) // Center Nav Line // @media all and (min-width:770px){ header nav a{ display: inline-block; float: none; } header nav a:hover:after{ transform: scaleX(1); } header nav a:after { display:block; content: ''; border-bottom: solid 1px #cda05a; padding: .4em; transform: scaleX(0); transition: transform 250ms ease-in-out; z-index: 999; } } It works great until you get to the page titles within a folder. The width of this underline appears wider than the wording. Is there a way for this to be corrected? Just so the underline width is the same width as per the wording. Many thanks in advance for any help. -
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!
-
Site URL: https://www.ievaviphoto.com Hello, there! I'm trying to achieve a similar result to one in the example (parallax footer / slide out footer upon scroll). May anyone would be able to give a hand? Example: https://yatesdesign.com.au/divi-tutorial-reveal-footer-scroll/ My site: www.ievaviphoto.com Thank you!
-
Site URL: https://www.mcbrydeandco.com/acreditations2 Hi all, Doing some edits to a clients existing 7.0 site and looking to implement a Carousel Gallery Block to house their awards. I'm looking for some help on 2 bits of custom CSS;- 1) Styling Arrows to match the above ones using Will Myers Index Carousel 2) Adding a Title underneath each image Is anyone able to offer any advice and support on these 2x issues? Link - https://www.mcbrydeandco.com/acreditations2 (Currently building on a non-linked page) Thanks, Jonathan
-
How to add a border around the image of a card image block
MillyBanks posted a question in Coding and Customization
Site URL: https://porcupine-duck-zbe8.squarespace.com/ Hi I want to customise my image cards individually (they will be on different background colours across the website) I want to add a border around the image of a card. I have tried - #blockid { border: solid 3px #COLOR; } Which adds a boarder only around 3 sides I have tried a few other things but nothing works other than getting a boarder round the text with //Experience Text #discover-italy-with-luxama-travel .sqs-block-image .image-card-wrapper { border: 10px solid #B7CBD6!important; } Any help would be much appreciated 🙂 -
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 video. Appreciate all you in the community! Kico
-
Hi squarespace expert users! I'm choosing a template for my portfolio site. I'm a sculptor. I want my website to include Lightbox enlargements of my photos (not for the thumbnails on the index page, but for the large scale photos on each “gallery page”. Though, maybe significantly to my question, I’m planning to build these pages from blank templates rather than use real gallery pages because I need to include little bits of text (which I believe isn’t possible in gallery pages). I wanted to use 7.0 (more flexibility and control, recommended by various friends) . HERE’S MY QUESTION THOUGH - if I want to use Lightbox, should I/must I, go for Wexley? My doubt about Wexley is that it doesn’t allow Ajax, which I want. I sort of presumed Brine would allow lightboxes as it is apparently the most feature-rich and flexible 7.0 template, but the advice here https://support.squarespace.com/hc/en-us/articles/205812708 has left me confused. Apart from wanting lightboxes and Ajax I want a super simple clean portfolio site. Any advice hugely appreciated, thanks so much for reading. -
Site URL: https://celery-contrabass-2sra.squarespace.com/blog-summary I am working on a site where we are using summary blocks to create a grid template on two pages to highlight their blog and they would like to have an infinite scroll option. So, how can I set an infinite scroll to a summary block with the Brine template for 7.0? Is this possible? -
Redirecting Link with jQuery. Please Help !
dariokomazec posted a question in Coding and Customization
Hi, I'm not good at coding so any help will be appreciated. I want to change the default SEARCH link to external one and I have done this successfully with this code below but the problem is I don't know how to force it to open in a new tab. I have tried adding the target= "_blank" to the code but as I already said I'm not good at this so no luck, I don't know how to do this... <script> $(document).ready(function() { $('a[href="/search"]').attr('href','https://www.google.com/'); }); </script> So I need help with this code above, code is 100% working I only want to open the https://www.google.com/ in the new tab... Thanks -
Site URL: https://erin-murray-wellness.squarespace.com/ Hi there, I'd like to change the font of my site title / header using CSS, the part that currently reads "Erin Murray Wellness". I've uploaded my custom font and am able to override h1/h2/image cards but can't figure out how to adjust the site title accordingly. Thanks in advance! URL: erin-murray-wellness.squarespace.com PW: erin2022
-
Increase Width Blog Post and Code Block on Brine Template
savage01 posted a question in Coding and Customization
Hi there! I'm trying to increase the width of blog post content in the Brine template. I followed this code from a previous thread that I found: @media screen and (min-width:900px) { .collection-type-blog.view-item .BlogItem.hentry .sqs-grid-12 :not(.sqs-block-image) {width: 100% !important; } } It's working perfectly for the copy and image blocks but now it's messing up code blocks that I'm using for my clients RewardStyle widget. Does anyone have a fix for this? Thanks! -
Site URL: https://www.fordemilitaryantiques.com/ Hello al! I have no idea why the blog post Era of Umberto I has a zoomed-in title-picture, does anyone have an idea how to fix this? I have looked into all the basic settings and erased and re-uploaded the image several times but to no avail. If it makes a difference, this is in a member's only section. Many thanks for any insights. Matt
-
Site URL: https://www.no-frames.com/photo-test Hi, I am using the tagcoud filter block and would like to be able to indicate what tag has been clicked on/currently viewing. Is this possible? -
Site URL: https://www.nigelrumsey.com/the-table/ Hi, I've changed the galleries on my site to slideshows with thumbnails, which I like but the thumbnails of vertical images are squashed in height. I'm not sure what's going on? Any help would be appreciated. You can see the gallery here: https://www.nigelrumsey.com/the-table/ Thanks.
-
How to make Mobile bar transparent ! HELP!!!
dariokomazec posted a question in Coding and Customization
Site URL: https://megalodon-capybera-w4p6.squarespace.com/ Hi, How to remove mobile bar background??? In styles is set to transparent but it automatically goes to white again after refresh and I don't know how to solve this? https://megalodon-capybera-w4p6.squarespace.com/ Pass: 12345 -
Hi, I'm working on a new website and I want something like on this image attached with hamburger Menu but when I do this social Icons disappear but I need them on the right. Can someone help me, how can I force mobile icons to be visible on mobile. I have tried to bring them up from footer but I'm not so good with coding. Only what I have achieved was to bring it up with this code but it stays always visible when I scroll down. #block-yui_3_17_2_1_1640688529513_1878{ position: fixed !important; max-width: 150px !important; top: 10px !important; right: 10px !important; padding-top: 50px !important; width: 100% !important; height: 100% !important; }
-
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://berkshireic-cms.squarespace.com I'm trying to add anchor links to my site, but am running into issues with the link landing below the corresponding anchor due to sticky navigation. I'm in Brine, 7.0 and, while I know this particular feature is possible via other methods in 7.1, that is not a possibility here. Can anyone help with this? Thank you! You can see an example on this page: https://berkshireic-cms.squarespace.com/clients-services-fees password: BIC2021 Pinned sticky header using Tuanphan's code from a previous post: .Header.Header--top { position: sticky; position: -webkit-sticky; top: 0px; z-index: 1000; width: 100%; } Tried this solution offered in previous post by a Wordpress user. Some folks had success with this, but it does not work for me: :target:before {content:"";display:block;height:120px; /* fixed header height*/margin:-120px 0 0; /* negative fixed header height */ }
-
Site URL: https://prism-tunny-nfxp.squarespace.com/config/ Hi! I am having trouble with the logo, on the home page (https://prism-tunny-nfxp.squarespace.com/config/) background is black, on the other pages, the background is white (https://prism-tunny-nfxp.squarespace.com/config/), I am wanting it to blend in with the different backgrounds. Is there a problem with the codes I am using: .homepage .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }
-
have shopping cart only appear on one page
balletsv_kate posted a question in Coding and Customization
Site URL: https://www.balletsv.com/ Is there a way I can get the shopping cart to only appear on the shopping page of my site? I'm using the Version 7.0– Brine family (Mojave template), and the only options I have in the editor are to relocate the cart icon to 6 different locations within the header, all of which look very bad with how the homepage is set up. Ideally, the cart would only need to be on the shopping page and not the global header. I can't hide it entirely because I don't want settings to be express check-out. -
Site URL: https://victoria-prowse.squarespace.com/new-page-1 Hi! Site: https://victoria-prowse.squarespace.com/new-page-1 I am trying to remove the padding of just the homepage to get rid of the white section as I essentially want a photo cover page and footer I have tried several CSS codes but havent had luck (am still a newbie to CSS)
-
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;}
-
Brine Family (basil Template) Gallery Help
LindseyLeist posted a question in Coding and Customization
Hi! How can I get the description to show in the gallery?? It is only currently showing the title The pages are unlinked as I am redoing a site. It is the basil template, within the brine family. -
Hello, I created a fix menu in Mojave, see code below. Now I would like that the sliders I have on my content pages goes under the fixed menu, and not over it.Is there a code for it? Thanks for your help, .Header, .Mobile { width: 100%; /* for IE and Edge */ position: fixed; /* for IE and Edge */ position: -webkit-sticky; /* For Safari 6.1+ */ position: sticky; /* Latest browsers */ top: 0; z-index: 4; } Sly
