Search the Community
Showing results for tags 'coding'.
Found 168 results
-
Hi I've been creating a website and managed to find a code to create vertical lines on my site. The code is .vertical-rule { display: block; width: 1px; background: #FFFFFF; height: 5250px; } I love the look on a computer screen but when I go to mobile view the lines block up the other images. I want the lines removed on mobile display but to stay on the computer display. Can anyone help me? I would be happy to provide my login details.
-
Hi guys, fairly new to squarespace! I run an eCommerce store and a few of my products come in different colour options! I have seen on a few sites (not 100% theyre squarespace) That under the initial product image in the store page they have coloured dots which are click able and display the different colour options! Is this something I can do here? I'm currently running the Jones template! Thanks in advance! Josh
-
Site URL: https://vinopalma.com/ Hi! I have been trying to figure out how to get an accordion menu attached to the product excerpt of our product page. I have followed the thread here: https://forum.squarespace.com/topic/158758-accordion-dropdown-in-product-excerpt/ and here The accordion created in the additional info code is fine to create, the issue is getting it to show in the correct place under the description. Any help greatly appreciated!
-
I've got a client with a Squarespace B2C commerce site. They would like a password protected trade store page which I am ok with creating. They would like a minimum order quantity for the trade shop page only, with different shipping options than the B2C shop offers. Is it possible to do this without affecting the B2C checkout process? Would I need some custom code? Thanks!
-
Has anyone figured out a way to edit the text on the Donation payment page? I'd like to use this function to accept client deposits, but don't want to have a disclaimer on there about the wording saying "donation" when they are in fact submitting a "deposit" for a project. Not sure if there's a way to access the back end to change HTML or if there's an override I can use via Code Injection under Advanced Settings. Thanks in advance! Note: My site is on a Basic Commerce plan, if that makes a difference.
-
Product Carousel Change for Mobile (and possibly desktop)
Muffet24 posted a question in Coding and Customization
Site URL: https://www.mliuheart.com Hi, I have just moved my business from shopify to squarespace purely from a design standpoint. I'm not happy with the product carousel on the mobile, its clunky and annoying to use. I did however have a great crousel on my old shopify website - mliu.myshopify.com If you could please help me shift this carousel onto my squarespace website www.mliuheart.com - Especially the mobile version, but if it needs to be both mobile and desktop that's 100% fine too! - just might be hard on desktop because the product information is to the right and not below. Anyway, Would really appreciate some help with this! Thanks guys! RPReplay_Final1593144015.MP4 -
Site URL: https://www.designbyjeffry.com/ Hi there, I am currently revamping my website and decided to use Avenue as the new template. I am wondering if there is any way to make some pages (or images/thumbnails) from the grid gallery 'unclickable' so they will serve as still images instead of accessible pages. Another possible approach is to remove them as pages and add them back as still images between the thumbnails in the gallery block, but I am not sure if that's possible. If you go to my website (www.designbyjeffry.com), you will notice there are four thumbnails with a geometrical shape as the cover. They are the pages that I want to make 'unclickable'. Thank you in advance! Cheers. -J
-
How to add product form ONLY to a specific product varient
Muffet24 posted a question in Coding and Customization
Site URL: https://www.mliuheart.com Hi guys! We are trying to have the product form only 'pop up' when the 'MARKED' variant is chosen. This is because we are customising clothing but only if the customer pays a premium and we don't want to form to appear when the 'BLANK' variant is selected. Any help will be great. Thanks guys!! -
Site URL: https://grassandbone85thdaygroup.squarespace.com/ Can anyone help me find code to embed that allows me to place a drop down menu for my delivery/pickup locations for my online market? Thanks, Aaron
-
How do i add breadcrumbs to my site not just shop
teni posted a question in Coding and Customization
Site URL: https://plantain-daffodil-wpe5.squarespace.com/config/ Hello im wondering if anyone has figured out or knows the code to add breadcrumb navigation to an entire website.. i've spend many hours googling but haven't had any luck ... thank you in advance for the help-
- 1
-
-
- breadcrumbs
- coding
- (and 1 more)
-
Site URL: https://lion-sawfish-t7lt.squarespace.com/ Can someone please help me remove the date on my blog posts. I don't want it to show on the homepage. I keep trying each of these codes and they aren't working. Here's the link to my site: https://lion-sawfish-t7lt.squarespace.com/ THANK YOU IN ADVANCE
-
Coding sound Instruments into Squarespace
FrancescoEufonia posted a question in Coding and Customization
Site URL: https://www.eufonia-festival.com Hello everybody we are an interdisciplinary festival about sound, and we would like to create a series of instruments that are placed into a page in our website. I personally come from music production, and I have difficulties understanding what options JS, HTML and CSS would allow in terms of "sound"... what can we use and transform sound from the microphone? Can we build instruments using Max4Live and place them as indipendent objects into our webpage? thank you! -
I am using a Wells template and am trying to change the level of "boldness" of the image captions in my image galleries. What Custom CSS code snipets work? I managed to change the font weight for the image description but same code does not work for the image title. Font I am using is "LATO" .image-title { font-size: 17px; letter-spacing: 0.02em; font-weight: 400; "this does not work" } .image-desc p { font-size: 16px; font-weight: 400; "this works" } -
Site URL: http://www.wedesignhomes.co.uk Hi all, Does anyone know how to remove the Blog Pagination located at the bottom of each blog page? I will be replacing the navigation with a similar post 'summary' grid. Many thanks
-
Site URL: https://www.hknglobal.org Site: hknglobal.org Pass: HKN So I'm designing a new website for a client, and I found a way to manipulate some code so that on hovering over links in the nav bar, an animated underline would show up. The referenced code is below. What I want to do now is change the active nav bar underline to match the hovered underline so that it looks smooth. How would I go about doing this? Not very CSS savvy as my business is more about modernizing organizations' existing pre-2000s digital infrastructure. Thanks!!! .header-nav-item a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } a:hover:after { width: 100%; left: 0; } @media screen and (max-height: 300px) { ul { margin-top: 40px; } }
-
Site URL: https://snail-cobalt-pa44.squarespace.com/ Trying to have 2 logo images centered, one leads to home page one leads to "Office Shacks" page (as seen on the site). Looking for code that would add a second image to the right of the initial logo that navigates to a page. I prefer the method where one adds a second logo rather than where one adds a background image to navigation page and gets rid of text. Not quite sure if either or any of this is possible, thus I am turning to the homies on Squarespace forum. Lmk what you all think if this is possible/any solutions, I would really appreciate it.
-
When I click to read my blog the title shows up on my header but I don't want it there. Is there a code to insert to remove this?
-
I am trying to add a customizable boarder to my recipe card on Squarespace in Custom CCS. I am not a coder but I found a super helpful blog post for adding a customizable recipe card to my Squarespace website. I've been following the prompts and having great success but once I got to the section to insert the code into the Design > Custom CCS I keep getting a syntax error. I'll post the link URL here: https://moonandspoonandyum.com/how-to-create-custom-recipe-cards-on-squarespace/?cn-reloaded=1 code: </p><br> <p>blockquote {<br /><br> font-family: “Playfair Display”, Georgia, Serif;<br /><br> font-size: 25px;<br /><br> letter-spacing: 1px;<br /><br> line-height: 1.7em;<br /><br> width: 90%!important;<br /><br> background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”);<br /><br> border-color: #fabae6 !important;<br /><br> border-width: 15px 15px 15px 15px !important;<br /><br> border-style: solid solid solid solid !important;<br /><br> padding: 30px 30px 30px 40px !important;<br /><br> }</p><br> <p>@media only screen and (max-width : 1200px) { blockquote {<br /><br> font-family: “Playfair Display”, Georgia, Serif;<br /><br> font-size: 20px;<br /><br> letter-spacing: 1px;<br /><br> line-height: 1.7em;<br /><br> width: 85%!important;<br /><br> background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”);<br /><br> border-color: #fabae6 !important;<br /><br> border-width: 10px 10px 10px 10px !important;<br /><br> border-style: solid solid solid solid !important;<br /><br> }<br /><br> }</p><br> <p>@media only screen and (max-width : 480px) { blockquote {<br /><br> font-family: “Playfair Display”, Georgia, Serif;<br /><br> font-size: 20px;<br /><br> letter-spacing: 1px;<br /><br> line-height: 1.7em;<br /><br> width: 73%!important;<br /><br> background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”);<br /><br> border-color: #fabae6 !important;<br /><br> border-width: 10px 10px 10px 10px !important;<br /><br> border-style: solid solid solid solid !important;<br /><br> }<br /><br> }<br /><br> PLEASE HELP!
-
Hello Everyone ! I am reaching out because I am a bit stuck on some little coding tweak. I already went through the forum but the answers I found do not really work. Here is my issue: I have the pro version of Squarespace which allow me coding. I have a website (Brine template) with an english/french version and on both version I created a event calendar page. In order to have my logo color to pop-out and keep up with my branding / visual identity, I added a green background to that calendar page. Desktop / Tablet version: It's looking good as a small image is displayed on the day I m running a class/event. Mobile version: There is no image displayed, fair enough, however with that green color, I cannot really see the days there is an event. My idea is to: When there is an event schedule I want to change the color of the square from that weird light green color to a gold color, numbers would be in white. So on the mobile version, an event would be displayed like that : The entire square would be gold & the date displayed in white. What code shall I insert ? Shall I insert it in the advance option custom css of my page? Here are some pictures of the calendar on the desktop & mobile. Here is the link to my website www.qualitycupofcoffee.com PS: Don't mind, I have been working on it on the last few days, the videos banners seems to be loading slower than usual. I still need to have a look at it. Many thanks ! Manon
-
Change Picture Captions to all Uppercase lettering
nicholenc posted a question in Coding and Customization
Hi Everyone! I am currently using a the Maple template from the Brine Family and am looking to change all of my picture captions to uppercase lettering. I was using the Five template previously, and there was an easy way to change it under Site Styles, but there isn't a way in my new template. I'm hoping to find a code I can use to make all of my picture captions uppercase. Thank you in advance!! -
How do I add two columns for the products on mobile?
Edo0 posted a question in Coding and Customization
Site URL: https://www.fidesignshome.com/ How do I make all my product pages + Shop the look and Last chance page have two columns of product instead of one for both products and related products on only the mobile view? Thanks in advance. Esther -
css Custom CSS only loads when I am in the Custom CSS panel.
MBurleson posted a question in Coding and Customization
Site URL: http://www.oacp.squarespace.com So I have a lot of custom CSS I have written for this site. but for some reason unless I am physically in the custom CSS coding page of squarespace it won't load the CSS. It isn't a lot complex CSS, just changing colors and hover states of stuff. Here is the custom code I have so far: #header { background-color: hsl(217, 49%, 24%) !important; } #headerNav a:hover { opacity: .5 !important; color: white !important; transition: .2s !important; } .folder-toggle[ data-href="/about-us"]:hover { opacity: .5 !important; color: white !important; transition: .2s !important; } .folder-toggle[ data-href="/training-events"]:hover { opacity: .5 !important; color: white !important; transition: .2s !important; } .folder-toggle[ data-href="/resources"]:hover { opacity: .5 !important; color: white !important; transition: .2s !important; } .folder-toggle[ data-href="/corporate-partners"]:hover { opacity: .5 !important; color: white !important; transition: .2s !important; } .folder-toggle[ data-href="/directory"]:hover { opacity: .5 !important; color: white !important; transition: .2s !important; } #preFooter { display: none; } #footer a { color: hsl(26, 89%, 47%); } #footer a:hover { opacity: .5; transition: .2s; } #page { max-width: 1200px !important; } #siteInfo span { padding: 10px; } The password for the website is OMAG since I haven't bought a domain yet. -
Code Injection effecting other elements
usaveteranmovers posted a question in Coding and Customization
Site URL: http://www.usaveteranmovers.com Hi all, I'm trying to add a review widget from Bawkbox. I've tried adding the code as a box, and that shows the widget nicely but the button does not work. I've also tried using code injection on the specific page but it messes up my entire header. I know very basic code and am not that familiar with Squarespace, so this is a little over my head. If anyone knows how to fix this so at least one of these options works, that would be so helpful! Thank you! Here's the code: <h2>What People Are Saying.</h2><!-- Start BawkBox Code--><script data-sil-id="5ec5a6a6c6c2ee0011acb35f">var loadWidget = function() { var d = document, w = window, l = window.location,p = l.protocol == "file:" ? "http://" : "//"; if (!w.WS) w.WS = {}; c = w.WS; var m=function(t, o){ var e = d.getElementsByTagName("script"); e=e[e.length-1]; var n = d.createElement(t); if (t=="script") {n.async=true;} for (k in o) n[k] = o[k]; e.parentNode.insertBefore(n, e)}; m("script", { src: p + "bawkbox.com/widget/star-rating/5ec5a6a6c6c2ee0011acb35f?page=" +encodeURIComponent(l+''), type: 'text/javascript' }); c.load_net = m; }; if(window.Squarespace){ document.addEventListener('DOMContentLoaded', loadWidget); setTimeOut(function(){ document.addEventListener('DOMContentLoaded', loadWidget); }, 3000) } else { loadWidget() } </script><script type="application/ld+json" src="/widget/star-rating/5ec5a6a6c6c2ee0011acb35f/microdata"></script><div class="sil-widget-star-rating sil-widget" id="sil-widget-5ec5a6a6c6c2ee0011acb35f"><a href="//bawkbox.com/install/star-rating">Customer Reviews</a></div><!-- End BawkBox Code--> -
Hello I would like to create a split section and so one side sticks as I scroll, does anyone have any idea how to create this? Example: https://nayatraveler.squarespace.com/journeys-peru-walking Thank you
-
Hey Everyone No examples to show yet but in broad strokes here is what I'm after. I've achieved it with nested DIVs in a code block and then styled those with CSS but wondered if this was possible/easier using built in functionality somehow. I want the website to scroll right/left instead of up/down. With the div test page I'm working on locally I set the main div width to 14000px wide and then placed divs inside that with 100vw to fill the browser window size. Ideally I would have an index page with sub pages under that but those sub pages would nest to the right, in effect making one long scrolling index page to the right. Like I said, I'm on the way there with code but it's getting a little choppy when it comes to scaling/rearranging it for mobile. Any input would be gratefully received. Best. Ian.
