Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'custom'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Found 98 results

  1. squaredud


    So can I change the way the shopping cart appears? Thumbnail sizes, rows? Etc?
  2. Site URL: http://salmonsamurai.com I've launched my food delivery site, and the concept is salmon poké bowls, which allows customers to modify their bowls according to their preference. The more items they add, the pricier it gets. Currently I can only add 2 options of toppings, when at the restaurant they're allowed to add extra protein, extra base, extra toppings etc. Is there a way of customizing a form instead that will change the price accordingly before they add to cart?
  3. Site URL: https://bellflower-cinnamon-3jcl.squarespace.com Im unable to add a custom font for my header. The font refuses to show in the dropdown menu....I've tried numerous variations of the code for different sections of the site trying variants with h1 h2 h3 p, but none of them show up in any of the dropdown menus....attached I have a photo of the custom css for the header. Yesterday I spent hours as a new user trying to build a site using 7.1 which I realized was literally impossible, after canceling and receiving a refund I figured id try a new site on 7.0. Am I doing something wrong?
  4. How do I make my colours to invert when the mobile site is loaded. On desktop, it loads with white text on a black background, but I want black text with a white background for mobile. Also, I would like to get ride of the line break "BOOK your ride, and more" on the mobile site. Here is my current markdown code: <div style="background-color:black; text-align:left; vertical-align: middle; padding:20px 0;"> <h1 style="background-color:black;">WE KNOW YOU'RE BUSY.</h1> </div> <div style="background-color:black; text-align:left; vertical-align: middle; padding:10px 0; margin-top:10px"> <h4>Access your account, BOOK your ride, and more,<br>while you’re on the go with our <b>mobile app!</b></h4> </div> <div class="black">
  5. Site URL: https://bazadona.co Hello! I was wondering if someone might be able to help me with my site. Password to view site is: 6LRi8xghT2g4YXNvF( As you can see here (https://www.bazadona.co/goodlayout) I have a page with a gallery of videos that open in a Lightbox. The gallery is 3 across, and fixed width. The STRUCTURE/LAYOUT of this is perfect. But what I would love is for the gallery to work the same way as it does when you link to it on it's own, like here (https://www.bazadona.co/work)...when you mouse over the picture goes dark and the title comes up. The problem with just linking to the gallery, as I am doing here, is that I can't control the width of the gallery, or where it is on the page. Is this something that is even doable? Thank you!
  6. Site URL: https://alpaca-wolverine-xrx2.squarespace.com/ https://alpaca-wolverine-xrx2.squarespace.com/ Pw: torkdesign I'm trying to change the background colour that appears just before my full-width images load in the background of my sections. Currently the background is loading orange across the site, however, I want it to appear universally white. You can see the orange background colour appear as I scroll up from any page. See screenshot example: Thank you!
  7. wellworndenim.squarespace.com pass: wellworndenim Heya, I'm pretty stuck here. This is a part of development that I've not learnt to deal with well. Apologies if I over explained below, I just wanted to be clear. I wanted to replace a generic link icon in the main nav with the Etsy logo. I found a way to do this, but there's an issue. I use the following code: @media only screen and (min-width:800px) { .icon--fill:nth-of-type(1) { svg { display:none; } background-image: url(https://static1.squarespace.com/static/5ed9495a8b705f28b7e9ba1a/t/5f158f068f488a75b54f8328/1595248390506/etsy4.png); background-size: 100%; background-repeat: no-repeat; } } .header-menu-actions-action:nth-of-type(1) { svg { display:none; } background-image: url(https://static1.squarespace.com/static/5ed9495a8b705f28b7e9ba1a/t/5f158f068f488a75b54f8328/1595248390506/etsy4.png); background-size: 100%; background-repeat: no-repeat; } It replaces the generic icon with my uploaded Etsy icon on both mobile and desktop. However, the cut-off the with media query is causing issues on my iPad pro in portrait mode. If you go to the site, you'll see in the nav bar there are two links designated by icons. Etsy and Instagram. As the Etsy logo wasn't supported by Squarespace's social links and just produced a generic Link icon, I had to place a custom solution. The code above targets just the generic link icon, and it requires two different blocks of code: one for desktop, one for mobile. The code tells the site to load the custom icon, but if the width is above 800px it should load the desktop version. If the mobile menu appears above the min-width of the media query, it uses the desktop code which is not compatible and BOTH links are replaced with the custom Etsy Icon. Due to the iPad's pixel density in portrait mode being way above 800px, and the fact it uses the mobile menu in that mode, it loads the desktop version while it's showing the mobile menu and shows two Etsy logos. I can't bring the media query up to the size of the iPad's screen's portrait mode, as that would break the desktop link on smaller laptop screens or if the window were resized. Is there a solution for this where I can specifically target the mobile menu itself, whenever it appears? Or some cleaner way of doing this? Any help would be very much appreciated!
  8. I have been working on a website and included a lot of custom code, it shows up when I'm in the CSS editor - but once I go onto the live site it isn't showing up. I've looked at any errors, and fixed anything I could see but it is still not working. I'm happy to send the code and website privately. Thank you!
  9. Hi guys, I followed this excellent post which helped me use custom fonts on my site - Adding Custom Fonts. However the post doesn't appear to explain how to assign a particular weight to a given style. So I guess I'd be looking for something like H2 { font-family: 'Gotham'!important ; font-weight: 'medium'!important ; } however the above doesn't seem to do anything. Even better than this would be the ability to assign my custom font weights to Squarespace's numbered font weight system e.g. 100 = thin 300 = x-light 400 = light 500 = book 600 = medium 700 = bold 800 = black 900 = ultra Any ideas? Here's my site link - My Site password: thefalcon
  10. my catagories are all in alphabetical order. Is there a way that I can customise the order of the catagories to my liking?
  11. Site URL: https://www.bazadona.co/workv3 Hello, I am wondering if it would be possible to show both the TITLE and the DESCRIPTION when mouse hovers over, for each thumbnail in my grid (which then opens a video in a Lightbox). And IF that is possible, is it possible to remove the triangle/play icon? Or, if not possible with my current theme, would you know of a theme where I could accomplish this? Thanks in advance!
  12. Hello, I'm looking at changing my font dropdown from my products page as it's set on a standard one. Any tips?
  13. Hi there, I started using the Brine template, and in my product listing I have a drop down menu for size and quantity The size drop down uses a different, ugly font which is not related to the template style. Any idea on how to change this? Thanks Marika
  14. Site URL: http://brownbutterbakingco.com Good afternoon everyone- I am hopeful someone might be able to help me come up with a solution. We are a small bakery that does online ordering. I would like to add a popout in our checkout page that would ask a person if they would like to add another item during the checkout process. For example, if a customer was purchasing a full price item, they would be offered to purchase three cookies for a certain amount during the process. The three cookies are not offered as an item on our store page. I really appreciate anyone's thoughts on this. Thanks so much.
  15. Site URL: https://www.altrocksurfaces.com I was wondering if there is a template available, that allows the layout as seen in the image below without custom CSS. Thank you.
  16. Site URL: http://www.healthattend.com Hi We have used caspio as a back end database and are embedding the datapages into our squarespace website. Some worked fine, but not when we are adding they just a)break the edit capability of the page and 2) don't load just give a cannot locate error. Has anyone got experience with this, we are so close to a finished webpage and this last step is stopping us. Happy to consider any solutions of how to add them Thanks
  17. Site URL: http://www.talenttactics.com (password for site is talenttest) On the desktop site the header text sits bottom left and you can't read any of the following text until you scroll - I'd like to replicate this on mobile and need to add extra height padding to the mobile section to achieve this, currently it shows too much text. Thank you
  18. Does anyone have any suggestions on how to purchase or add a mega menu plugin to your site? I am looking for something like Terrain's Mega Menu: https://www.shopterrain.com I have not been able to find anything that seems to work effortlessly. Any ideas?
  19. Site URL: http://www.kylekeigan.com/anfmarketing I've added an embedded video into my layout, however, for some reason there seems to be a small amount of padding on every side. I would like it to be flush to the images above and below it as well as the full width of the container if possible. Any help would be much appreciated!! Thank you!
  20. Site URL: https://magenta-tunny-l2rb.squarespace.com Is it possible to customize the non-index pages in Tremont 7.0? I'm using the template's "shop" "contact" and "events" pages, but would like to have a background image bleed through instead of a solid color as the background. Thank you ! This site has not been published yet, so I only have a temp link to show.
  21. Site URL: https://www.narla.com.au/experience Hello, I have added a simple code block for a dropdown menu. I'm just wondering how to change the font and colour to make it match with my page. The code is: <left> <select onChange="window.location.href=this.value"> <option value="#"> All Sectors </option> <option value="https://www.narla.com.au/infrastructure-experience">Infrastructure</option> </select> </center> Any ideas?
  22. I am using the Bryler template and have a single index page for my site that holds all of the content pages within it. I am trying to create a scenario where the first page of the index has different padding (top and bottom margins) than the rest of the pages within the same index. In other words, can I adjust the padding of a single page within an index without affecting the others? Let's say my index is named "welcome" and the first content page under that is called "home". I found this code on another thread, but cant seem to assign the page names properly... section#video .Index-page-content { padding-top: 20px; padding-bottom: 20px; } I tried using "welcome#home" and "home#welcome", but neither worked. I'm sure I'm missing something simple, as a very inexperienced coder. I'm hoping some one can help me out. Thanks so much.
  23. Site URL: https://workbold.com/ Hi! I really don't think this is possible without some serious coding skills, but i'm trying to add custom code to the top menu. The code is a div and java script from Lusha that I wan't to use instead of the "contact" button. When the visitor add their e-mail it goes into Hubspot. Is this possible at all?
  24. Hello, I am creating a website and I would like my logo to be on top of the banner image on the mobile version as well. I tried to use the codes of this website https://www.mcdigitaldesign.com.au/news/squarespace-brine-mobile-header/ but there is still some padding on top (please see the image attached). Is there any other way to do this? I've attached the desktop version too, I would like to achieve the same effect. Thank you in advance
  25. 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.
  • Create New...