Search the Community
Showing results for tags 'coding'.
-
Site URL: https://pumpkin-pentagon-fmgr.squarespace.com/blk-101-nova-scotia Hi guys, I've implemented a featherlight lightbox biography for my website. However, sections or elements below the lightbox area become interactive and those sections open a lightbox when there should be none opening up. Is there a problem with the coding? I've been having difficulty configuring how the lightbox coding. My current code looks like this: Code Injection (Header and Footer): <link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> Code Block: <a href="#" data-featherlight="#bio-Lindell"> <img src=imagelink</a> <div style="display:none;"> <div id="bio-Lindell" style="text-align:center;"> <img src="Image link" width="300" height="300"/> <h3 style="text-align:left">Name</h3> <p style="text-align:left">Text</p> </div> </div> Looking forward to see how to remedy this issue. My password for my site is 7412!
-
I just completed my website apart from replacing a few photos here and there. I published it with a password (captivatingportraits). When I view it on my MacBook (16") it looks perfectly fine. Nothing is outside the grid in edit mode so I figured it would be fine. However, when my friend views my website on her laptop which is slightly smaller (14"), things seem to be pushed together and don't align properly. I tried moving things more towards the center which did not fix the problem (pictures attached). Is there a code I should attach so my site looks the same on every laptop/desktop? If so, what is it/how do I go about doing that? I am very new to Squarespace and this is my first website through them. In the pictures you can see that the text doesn't align in one line as it should and the icons for social media don't align either.
-
Hi all, I'm trying to disable mobile responsive design for only some blocks on my website. My website URL is: https://cheap-talk.com/ On mobile, the products on my home page stack and it's not the best UX for customers. I want these to stay in rows of two instead of stacking 1:1. Anyone know how to do this? Custom CSS?
-
Hello! I'm having trouble fixing the spacing/margins between flex divs on larger screens (specifically a macbook pro 15-inch at 2800x1800 Pixels). I've added coding to make the layout work on larger screens, but it doesn't work on ones that are wider than what I own. Anyone have a solution? https://level44media.squarespace.com/
-
So I have this page on my website where I am adding buttons, for example "Ir a Facebook" (go to facebook), which is a button I want to use where when people click it they are sent to the Facebook App and the user/profile for this business. Currently I am using the link as is: https://www.facebook.com/trestylos but it ends up opening the mobile browser and this doesn't work for me. What can I do fix this? I want the link to open up the Facebook App for my visitors so it is easier for them to just click and LIKE/FOLLOW this profile. What can I do? Thanks in advanced for the help!
-
Hi, Is there a way to invert the favicon for every visitor that uses dark mode on the browser?
-
Hi Community, I am a Blockchain Engineer & NFT Expert.... I want to integrate web3, metamask & my NFT Smart contract on my website https://www.thelastofthewarriors.io/ . I need to put only one "Whitelist" Button where a smart contract will be integrated & Metamask(A Crypto wallet) will be open which will take the amount & perform the transaction on smart contract. Any way I can achieve this??? -
Programmatically check comment text before posting
FrankNatoli posted a topic in Customize with code
Below is the standard Squarespace HTML to post comments. Would like to insert JavaScript to search the comment text for forbidden words or phrases, e.g., spam URLs, and if found refuse to post the comment. How to do so? Thanks. <!--NEW COMMENT TOP--> <div class="new-comment-area top-level-comment-area edit-mode"> <div class="input"> <form action="https://www.manhattancontrarian.com/blog/2023-2-4-in-new-york-a-very-slow-political-awakening#" method="post" class="comment-form"> <textarea class="comment-input" name="comment" data-defaulttext="Leave a comment here." data-edited="false"></textarea> </form> </div> <div class="comment-btn-wrapper"> <span class="btn-text preview-comment top-level-preview-btn">Preview</span> <span class="comment-btn sqs-system-button sqs-editable-button-font sqs-editable-button-shape sqs-button-element--primary"> Post Comment… </span> </div> </div> -
Is there any way to use custom css to change the text when no times are available? Right now it says "No times are available in the next month." Is there anyway to add custom code to change what this text says?
-
Hello, I am trying to display on our home page, our daily event schedule. I have a monthly schedule done with the events of each day, and calendar block, that shows each days hours. Example on 1/25 I would want on the front page just the hours for 1/25 which consists of 2 events. Kid Jump Time 10am-1pm Open Jump Time 1pm - 9pm Is there anyway to get it so it will automatically update each night, and only reflect the current day?
-
Why every time when I open a page from the navbar or when I open the site for the first time, I get the scroll to top button that appears first in the middle of the screen in full, can anyone help? This site: https://black-media.squarespace.com/ Password: demo
-
The website I'm building (unfortunately I'm not able to give a url), has 5 sections to it. On the home page I want the name of each section with an image behind it. Basically what I want is for all 5 images to be visible on the page so that visitors don't need to scroll down at all. I can just adjust the sizes to make it fit on my screen, but as soon as someone else goes on the website to approve the draft, it doesn't work because their laptop has a different size screen. -
my client wants to add "add an attachment" to their existing form on the contact page. i am looking for dev help. -
I am trying to edit the font of some text within a testimonial preset carousel within Squarespace (on the home page of the site linked below). I have successfully changed the text below it using the following code: section[data-section-id="63c390bd1403971a5efb5e19"] .user-items-list-item-container p { font-family: "Steelfish"; font-size: 31px; } However I cannot seem to find a way to change the font of this main text. I am open to all suggestions and am getting quite desperate as this job has carried on a lot longer than anticipated. Any help would be greatly appreciated. https://orb-seahorse-ha47.squarespace.com/ password123 /* attempt at testimonials top text */ section[data-section-id="63c390bd1403971a5efb5e19"] .user-items-list-carouselslides user-items-list-carouselslides--initialized p { font-family: "Steelfish"; font-size: 31px; } Tried this unsuccessfully Also tried h, h1, h2, h3
-
In the new Fluid Engine, is there any way to have text wrap around another block of text? Is there code I can enter to accomplish this? I am a writer looking to highlight pull quotes (individual lines from my writing) in a larger font at various points throughout an article. I have included a screenshot of my current efforts. The pink text is the pull quote, and as you can see, the surrounding text does not properly fit around it, despite the hours I've spent trying to manipulate it.
-
I am creating a musicians website. I have the following pages: Home, music, shop and will eventually add a blog page if it is easy to manage. So on my homepage I want to have all my content but if a visitor clicks the music page button I want it to directly scroll my homepage down to the music section. I am told this involves anchor links and coding. I can do most things by instruction without understanding but am completely lost when watching these tutorial videos, so any help is really appreciated. -
Hey guys, First time using the forum 👋 So I have recently added a secondary navigation to my website and I am not sure if this has had an effect but.. Site: www.petit-tresor.store My navigation is all pushed up? The top couple of links sit behind my logo/header. See below screengrab Can someone tell me what i've done wrong or any coding to help THANK YOU
-
Hello guys ! My name is plum I try to create ecommerce about meat website. I'm new here in this forum. I have problem with adding search bar in my store page. I want my product search bar above my product catalogue but under the title name. Squarespace feature does not allow me to customize it in the same product list section... they only need me to create a new blank section and add new box and click search then it really separate apart from my product list ! Which I do not want it like that ... Also I don't want to create a search page separately it's not good for user friendly ... Hope you can help me out and recommend the solution to this problem. my website : www.whfoods-international.com -
Hi The internal calendar in Acuity displays days that are busy with a circle around the date in the calendar - see screenshot attached. Is there any way to apply this to dates that are free with custom CSS, or at least highlight the days that are bookable better as customers are missing available days as the current display is quite faint (we have older customers) We are on the powerhouse plan so are able to edit I have made the fonts orange for now - but is not perfect booking link is here https://menodoctor.com/pages/bookings
-
Hi there! So I am creating a smooth-scroll site using anchor links. Almost everything is working great but the only problem I have is that the anchor links don't work more than once without clicking another. For instance, I can click "Menu" on my fixed navigation and it will scroll to the menu on the page. However, if I scroll down a ways on the menu and want to get back to the top it, when I click it on the link in the navigation nothing happens. I can go from "Menu" to "Home" back to the "Menu", but the same anchor link won't work twice in a row. Any chance there is a solution for this, I've seen it on other websites but can't figure it out for the life of me.
-
Site URL: https://www.kraftsbyk.com/shop Hi all! I am attempting to hide the price of a single listing on my store/shop page. I am offering a custom work option, and I was able to figure out how to remove the price from the product page itself, but I can't figure out how to remove the price on the store page. I don't want to hide the prices for the all the items, just the custom work listing. And that's where I run into a snag...is there any way to hide just the one price? And if so, how? Thanks! Site password is 0251.
-
It seems all my custom CSS, loaded in design, custom css has quit working. I can't figure out why. Page injection is still functioning. The custom CSS window says missing opening { but does not point to any line of code specifically. I was not making any changes to it and it worked earlier although it is possible I was looking and deleted something. Maybe one of the coders here can take a look and see what is going on?
-
Hello, I recently uploaded photos to my website and I am wondering if there is a code to match the same width and size of the images that are displayed on desktop to mobile... When on mobile the photo cuts 90 percent of image and I want to same image on desktop to fit on mobile. I used this code : @media screen and (max-width: 767px) { section[data-section-id="636c8dd9fd83d57fec38aff2"] { min-height:30vh !important } } and nothing changed... I also tried various methods from videos and other forums and nothing is working.... any help or ideas ? There's a total of 6 images that need to be adjusted....
-
Hi, i want to change the background color of a single page on MYHRA, my idea is to have a different Background color on each site of the Website. I know you need to edit it in the advanced settings. Can someone tell me what code i have to type in there? i tried several codes from similar posts on this forum but nothing worked 😞 the website is still in construction, maybe the resason is that im not paying yet? Any help would be highly appreciated!
-
Heya folks! Long time user, first time writer ha ha. I'm building a new form and trying to do a custom redirect based on form input, specifically using Tom's tool for drop-down selections here: https://github.com/tomsWebConsulting/twcsl/tree/main/Form Block Select Field Post-submit Redirect Change#form-block-select-field-post-submit-redirect-change The form isn't using a lightbox, and I think I've figured out the failpoint- the redirect URL link in the post-submission area of the form settings is set to "#", but just redirects to "stenofastrack.com/ft-checkin#" instead of the URLs specified for the options in the form field description. Straight redirects by putting an actual URL into the link field works fine, I'm making sure to test using an incognito browser, but I'm a little stuck as to how to fix the redirect. Any help would be incredibly appreciated, you all rock!
.png.9745262885cdf9a20facb318a8912c99.png)
.png.5c6affef1156891a963ada831b37ef33.png)
