Search the Community
Showing results for tags 'customized'.
-
I was looking at another site made on squarespace recently (amandafarias.nyc), and was wondering how to achieve horizontal gradient overlays over an image and add text on top. I do think that these changes (on that site specifically) were made using CSS because the gradient modified as the page width changed. I was wondering if anyone knew how to code for something like this? thank you.
-
Site URL: https://www.rachelconstantino.com/free-breath-journey-thank-you-1%C2%A0 Hello everyone, I am hoping someone can help me with this issue. I've been searching the forum for hours and can't seem to find the answer. I want to create a CUSTOM form that opens when you click on a button. Using the "lightbox" will not work, because I cannot use the forms from squarespace. I have created my own custom form via my professional email account, aweber, that I put on my site using custom code. (I've tried to make a form directly on squarespace, set up lightbox, and connect it using zapier, but it doesn't work) So now I have the form up on my site, but I want it to be hidden underneath a button, and appear when someone clicks on the button. Is this even possible? Here is an example of a friend's website, and what I would love my button/form to look like --> https://www.intuitivegym.com/birthday-spread/?fbclid=IwAR3e-hYG3iMvIOBIZ46XZc5Ikx0c572hrBmXKQNvPozc3Ppg_TekbIR63aI Here is the page I am working on --> https://www.rachelconstantino.com/free-breath-journey-thank-you-1 As it is now, I have a button that opens a lightbox form... but the form doesn't work. Below is my custom form, but I don't want it to be displayed automatically. I am hoping to find a way where a button will activate the teal form that says "Join the waiting list for the Breathe & Be Community......" --------- Any help is greatly appreciated. Thank you- 5 replies
-
- 1
-
-
- custom-css
- form
- (and 2 more)
-
Custom code to make Tag Cloud pull from multiple sources?
meetbrighid posted a question in Coding and Customization
Site URL: http://www.meetbrighid.com I'm wondering if anyone out there has managed to do a bit of custom coding that would allow the tag-cloud to pull from multiple sources? My website is a personal portfolio, and I'd like to be able to tag the different photos under each project, but then when you click, say, "branding" in the tag-cloud beneath the project, see a gallery of all projects that have the same "branding" tag, not just photos within that one project. Right now, when you use a tag-cloud block, it only lets you select one page/gallery/etc to pull tags from. I'd love it if there were a way to batch-select so that any tag is visible and could cross-link to portfolio pieces with the same tags. I've got some minimal CSS happening on the site, I'm not much of a coder but I know enough to adjust CSS and some very very basic HTML if I have something to jump off of. If anyone out there has suggestions for code injection / anything, please let me know! :) -
Site URL: https://www.shannongalvanizing.com/ Hi! I am trying to do two things, move the main navigation under the logo to the left as well as add two buttons to the header. I added code for the buttons, but then realized that if I move the navigation the buttons will also move. If anyone has any code for moving the nav that wold be great. thanks!
-
Site URL: https://www.jivamorelife.com Hi! I am trying to show multiple product blocks per row in mobile view. When I am in the web view, I have 4 blocks, but when I switch to mobile, they stack and are only 1 per row. How can I show 2 or 3 product blocks per row on mobile? For example, I am trying to do it on this page: https://www.jivamorelife.com/watercolor-splatters
-
Site URL: https://lexiramos.com/comic Hello, I'm not sure if this is even possible but is there a way to change the layout/order of the buttons with how they appear on mobile? I want them to mirror how they look on the desktop version or at least have "first page" and "latest page" on the same row along with "Next page" "Previous page" on the bottom. I've been trying to make the blog page look more like the webcomic format. Mobile view: Desktop View: And bonus question, is there a way to create navigation that is similar to the image below, with a buttons linking to the first "blog" page, another linking to the latest and then having "previous" and "next" arrows all lined up in a row? Everything I have right now is just from me lurking on the forums and trying to piece together something that mimics a webcomic layout. I have no background/knowledge of css so I have no idea if this type of navigation works in squarespace. -
Just discovered the new auto-layout option in headlines to create a rotating banner with text - yay!! From what I can tell right now - it has to be clicked to change...hoping someone can help me have it auto-play/auto-scroll/loop? Maybe it's a an option but I'm just not seeing it? Thanks! -
Site URL: http://www.3deerprints.com Hello, after I spent some time with my web page in test mode it's start to be really difficult to see possible mistakes/non-functionalities and basically evaluate the whole visual concept. I'm looking for some constructive and honest feedback! Thanks for your time.
-
Site URL: https://goose-owl-jp53.squarespace.com/home-search I have this code that I used to embed on my Squarespace site: <iframe name="HomeSearch" src="https://mc931.yourkwoffice.com/search?viewport=37.27993217450236%2C-121.91691990441893%2C37.22138125060053%2C-122.00807209558104&zoom=14" width="100%" height="1200px" frameborder="0" scrolling="auto" class="frame-area"> </iframe> As you can see below, when I'm in editor the IDX feed shows up perfectly. When I exit editor, and go to the public site I get the error and the map doesn't show up. What am I missing?
-
Site URL: https://steve-lewis-7h8y.squarespace.com/pantry Hi, I'm wondering if I'm able add a text box above the category nav of a product page? This is for a food business that wants to stipulate pickup hours and procedures for COVID-19 curbside pickup. Any help would be appreciated.
-
Site URL: https://www.agencymvp.com/mvp-university-main We want to add a text field below each MVP University section that explains what that section is. For example, when one of our users clicks 'Agent Kickoff' and we filter through only the agent kickoff videos, we also want a text field above all the videos that says "Our Agent Kickoff section is all about how to get your MVP account set up...". The challenge in setting this up is that when we click 'Agent Kickoff' in MVPU, we're actually staying on the same page (same URL) and just filtering out certain categories/tags. That means that any new text field we put on that page doesn't change accordingly with the filtering that takes place when you select a certain category like 'Agent Kickoff. Is there a way to solve for this? I've included a screenshot on where the text would go. Site URL: https://www.agencymvp.com/mvp-university-main -
Site URL: https://www.kepridgestorage.co.nz/ Hi, Ideally we'd like our customers to be able to click the "add to cart" button, which then triggers a custom form to come up. Here the customer would fill out two dates (pick up / drop off), and we'd automatically calculate the number of calender months selected (e.g. from 20th July - 3rd Sept would be 3 months). The number of calender months would equal the quantity (as we charge per calender month) so this would then add that quantity to cart. Those dates woud also be stored somewhere so that infomation is passed to us after checkout. Anyone have any ideas on how this could work?
-
Site URL: https://falkirk.squarespace.com/ Can anyone tell me how to create this same effect ensuring it is responsive? I have tried playing around with html and the code block but I can't get it to quite sit in line with the text. Thank you! -
Hi Everyone, This is my first post on the SqS forum, so bare me if I posted this in the wrong section. My question is: Since SqS doesn't offer multilingual flag options for the header-section (I really hope they will release this soon as some countries have multilingual foreigns, like Luxembourg), I was wondering how to set up multilingual for different countries. My company will be focussing on Netherlands, Belgium Estonia, Luxembourg, UK. How can I make sure that a visitor from Luxembourg will get on the right multilingual site? Thank you for your time and have great day! Jeroen
-
Site URL: http://ekocrate.com/home-2 Wondering where I am getting this extra white space... (see image) Trying to get our new homepage to not have tons of white space above the fold as the screen/browser width is reduced - the left column gains extra space below the video/image. Also, is there a way to reduce padding for text (vertically) on mobile only? The spacing is great on desktop.laptop and too large on mobile. Thanks!
-
Site URL: http://www.bewarethecuddlebear.com Hi everyone, Am hoping you can help! I modified my CSS to accommodate a custom font and it is not showing up on the mobile version. Password to access site is: hermosa123 Here are the codes I have: @font-face { font-family: 'carrotflower'; src: url(URL.ttf/.otfhttps://static1.squarespace.com/static/6076185432f4604c6efe4a39/t/60c7e4624358a40a1e046452/1623712866733/font.woff2);} h1 { font-family: 'carrotflower';} h2 { font-family: 'carrotflower';} h3 { font-family: 'carrotflower';} h4 { font-family: 'carrotflower';} p { font-family: 'carrotflower';} misc { font-family: 'carrotflower';} .header-nav *, nav.header-menu-nav-list * { font-family: carrotflower; } Any help would be greatly appreciated. Thanks so much! -
Site URL: https://medium.com/@dailyfire/cursor-trails-3-simple-css-tricks-to-add-to-any-website-part-1-64750798583c I'd love to add a trail to my current custom cursor. I've put a website with some examples, but instead of adding a different trail I'd like to just make a trail of the same design. Example: My custom cursor is an arrow, a trail of arrows shows when moving the cursor. Any thoughts? Thanks a lot !!! 😄 -
Hey Guys, I have a juice company, and we are trying to create an advanced checkout option. Right now all of our packages will be a 3-day juice cleanse which includes 6 different bottles. You can either pick from our premade options (with our recipes), or there will be a customized option, where you can select between 30 different ingredients and make your own flavor. Is there anyway to make a drop down for each of the 6 bottles, but only have a custom checkbox section pop up if they select customized product in the dropdown menu? We only need the checkbox to appear when they want to do a custom, since all of our other flavors are already premade recipes. Or maybe someone has a better idea on how to achieve this? PLEASE if anyone can help that would be amazing.
-
Site URL: https://www.araind.com/ Hi there, Hope you are well I want to customize my Squarespace store you can see the attached product page photo example. Especially the middle portion that my customer can choose the product sizes, variants, and quantity. Then they have a (ask a quote) button to send me a message on my email with including their filled Inquiry Let me know if this is possible. Looking forward to hearing from you soon! Best regards, Umair
-
accordion Expandable text within markdown block
sigglin posted a question in Coding and Customization
Site URL: https://akhusky.dog/test Hey everyone, I've been trying existing code found in all the posts related to expandable/accordion text, but I'm finding that it only accommodates title text and body text below. I have a markdown block that has quite a bit of copy, and I want the user to click "Read more" and have the text below expand. How can I achieve this? Some of the code I have used successfully allows the markdown block to expand, but it somehow (and seemingly arbitrarily to me) screws up the formatting. How can I make "Read more" the trigger? Here's the website: https://akhusky.dog/test Thanks all!- 2 replies
-
- 1
-
-
- tremont-template
- design
- (and 1 more)
-
Custom code block image 'fade in' animation
Hudson_mod posted a question in Coding and Customization
Site URL: https://theministryofdesign.co.uk Is there a way to add an animation effect to a custom code block? I've some svgs using some custom code blocks but want them to 'fade in' - any ideas? Thanks in advance. -
Mix and match gallery styles - possible?
jillustration posted a question in Coding and Customization
Site URL: http://www.jilliannickell.com My site is here http://www.jilliannickell.com And I'm actually fine with the Design section, but I want the Illustration image gallery style to have variable heights like this site: https://www.edwardkinsellaillustration.com/ I essentially just want to keep my current site, but I want variable thumbnail sizes like Edward's gallery. I like how mine functions otherwise, I don't want a side menu or a lightbox or anything. I just want different thumbnail sizes so my illustration images aren't cut off. I understand enough CSS to be able to copy and paste but don't know enough to know how to do this. Any tips? -
Site URL: https://www.thesecrettreehouse.com Hi, I'd like to randomize a slideshow on my homepage in 7.1. Site: thesecrettreehouse.com Password: treehouse The artwork will eventually be by different artists, and I'd like to give each one equal air time. The order doesn't need to be random, just the starting image, although either is fine. Thanks!
-
Adding custom font to checkout page v7.0
reedhammerandneedle posted a question in Coding and Customization
Site URL: https://www.reedhammerandneedle.com/ Hi there, Is there a way to change the fonts on the checkout page? I can't seem to find a way to modify the fonts in squarespace's editor and wasn't successful in finding a post on here about it. Thanks for any help! -
Site URL: http://primrose-okra-apc5.squarespace.com/ Hello, I am having trouble with a custom font causing overlap and/or spacing issues when viewed on a mobile. It seems to only cause problems when the text is forced onto the next line when view on a mobile. I seem to have some luck with changing the underlying font which is being overridden with custom CSS for H1, but that seems like a strange work around and it doesnt actually fix the issue. Site: http://primrose-okra-apc5.squarespace.com/ Pass: password1234 Cheers, Tom
