Search the Community
Showing results for tags 'customized'.
Found 16 results
-
Can you easily link to an already created page inside a custom html snippet? My site is not published yet. So far I'm doing this, which I know will not work until I publish my site, but can I do something like <a href=".../about-us"> ? <a href="https://mysite.com/services/creative-engagement" class="service-card service1"> <h3> Creative<br /> Engagement </h3> </a>
-
I am creating a custom code section on my home page and want to use css-grid to style it. Everything works fine except when I try to use the minmax function with fr units. This is a common way of having elements stretch evenly across a container but then stack when the window is resized and the min width (250) is reached. However this isn't working for me in Squarespace. Any thoughts on why? I'm using Chrome, so fr units and css-grid is compatible. grid-template-columns: reapeat(auto-fit, minmax(250px, 1fr); This seems to work, but it's obviously not what I want: grid-template-columns: reapeat(auto-fit, minmax(250px, 300px); Here is my full code: <div class="home-services-container"> <div class="service-card service1"> <h3> Creative<br /> Engagement </h3> </div> <div class="service-card service2"> <h3> Ideation + <br />Innovation </h3> </div> <div class="service-card service3"> <h3> Career <br/> Coaching </h3> </div> </div> CSS: .home-services-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-gap: 16px; } .service-card { display: flex; flex-direction: column; justify-content: flex-end; color: #401025; height: 200px; width: 1fr; padding: 32px; border-radius: 8px; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1); background-repeat: no-repeat; background-position: -150px -80px }
-
Hi! I’m wondering if there’s a way to display a sold out marker on individual product pages. I link products on my Instagram and so customers will go directly to the product page and might not see the sold out badge that displays in the gallery/category view. Is there a way to automatically add sold out text to the individual product page? I found a code that would replace the price with sold out, or remove the “add to cart” button, but I’d prefer to keep both visible. I’m using a brine template. Thanks! -
Hi, I'd like to have an embedded discount code and User ID to track the users and discounts of people who were referred by a partner/referral website. Something like: https://store.com/products/our-best-product?referral=[DISCOUNT]&cdata=[CUSTID] I've looked for some info in the help guides but could not find anything. Thanks in advance for your help Brice
-
Hello, I would like to code a custom font into the header of the mobile view of my website. I have done so successfully for the regular view but it defaults into standard font when i switch to mobile view. Any ideas?
-
How do I get the image to stack over the copy on this page for each category (the copy should be associated with the image that is over it). Thank you 🙂 Webpage: https://www.lauraengeldesigns.com/portfolio
-
Hi All, Thanks in advance for this. I am looking to customise my email confirmation template. At the moment it comes from no-reply@squarespace (I definitely don't want that) Second the email is currently sending confirm subscription and I want it to read as confirm email. Add logos, social media links etc. Anyone have any ideas?
-
Sort blog post summary in Alphabetical order
thecigarbible posted a question in Coding and Customization
Hello community, can somebody on here maybe help me to develop some code that will sort all the blog post in my summary in Alphabetical order. My website is: www.thecigarbible.com the blog is found under "cigar ratings & reviews" Many thanks 🙂 -
Hi, I'm working with an apparel client who would like to offer custom-fit clothing. I was wondering if anyone knew of a third-party tool like this to integrate into a squarespace site. Alternatively, if there isn't a ready-made tool, are there any developers out there who would quote building one for me? Thanks. Example of something simple from a shopify site https://www.leadinglady.com/pages/find-your-fit
-
I am looking to add a red highlight on only half of the caption for my image blocks. Right now for other headers I am inserting them as code blocks and using the following code: <center><h1> <span class="highlight"> TEXT </span> </h1></center> and have this in my CSS: .highlight { background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #7d1718 50%); } How do i apply the highlight to the image captions since i cant put them as a code block? Thanks!
-
Hello, I am trying to access the HTML code of a page to modify the code of a gallery block I added. How can I go about doing that? I can't find the "Code Block" all the articles talk about, besides, I am not trying to add code from scratch, but want to modify the existing HTML. I am very familiar with WordPress where you can switch between blocks and code through a simple tab. Is there anything similar on SquareSpace? I also tried accessing the developers' website for SquareSpace but it seems like it's for building websites from scratch, while I already have a template. Help please! PS: I have a Business Plan
-
Possible to round the canvas corners in Om?
adamwentworth posted a question in Coding and Customization
I'm looking for if there's a way to round the corners of the canvas in the Om theme? Similar to how you have the option to round the corners of a button block. There's an example attached, the right side is what I'm aiming for. Thanks in advance for any insight. -
Hi, I'm a complete novice with Squarespace. I'm using Flatiron and pages have a kind of sidebar along the left which contains the page title and description. I'd like to remove this so that my content can be full width, but can't work out what this is called (I'm aware actual sidebars are a different thing) and how to remove it. I want to use Flatiron because I like the design of the home page and it doesn't seem like you can get the same layout with a different template. I'm hoping it doesn't involve coding as I am very bad at this. Is this just something that can't be disabled in Flatiron?
-
im trying to override all cursors with an egg. yes you read that correctly, i want the cursor to be a tiny fried egg, please dont ask why. i used this from a previous discussion board but it didnt work: { cursor: e-resize; } or {cursor: url(images/my-cursor.png), auto;} any ideas?!??!?!?!?!??!?!?!? oh my site is maggiedrewbrennan.com in case you were curious. an egg would be perfect for it.
-
The title and navigation color defaults to white/black, and I need to customize it. I know that custom CSS is required, and I don't know what code to enter. Any help would be appreciated! -
For the Harris template, you can select a variety of sizes for the banner, but the gap between small and medium is quite large. Is there any way to set a custom size for the banner that is somewhere between these two default template setting? Much appreciated!!
