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

Search the Community

Showing results for tags 'design'.

  • 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
    • Selling & Scheduling Your Services
    • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.calumbuilder.com/ Hi, There is a blank space off to the right side of the mobile version of my website. How do I remove it? Thanks! - Calum
  2. Site URL: https://websitedesignbyrich.com I want to improve so I welcome any and all feedback about my website (websitedesignbyrich.com). Thanks in advance. Rich
  3. Site URL: https://www.night-manifesto.com/ PASSWORD : manifesto Hello, I have created a section with tabs - and a button so that when i click on it i display only one of the blocks of the section that is an embedded video player and this part works fine. Now what i'd like to do is to have medium sized section and when i click on the button the section would change its height to small so that it would match the video player's eight. And this for mobile too. So i've written this line of code to inject CSS with JQUERY $(aboutTabButton).click(function(){ $("#60ca1b5eefaefb2ac9e03f81").css({ ‘height’: ‘small’}) ; }); it doesn't work i've tried this other line and it doesn't work either if ($( "#galleryTab" ).hasClass('active-tab')) { $("##60ca1b5eefaefb2ac9e03f81").css({ ‘height’: ‘small’}); else { $("##60ca1b5eefaefb2ac9e03f81").css({ ‘height’: ‘medium’}); } I have tried numeric value for the height too and it didn't work either. Here is the entire script : <script> $(function(){ let galleryTab = '#block-d378e56b7083e4d48c24'; let aboutTab = '#block-yui_3_17_2_1_1625405642353_6184'; let contactTab = '#block-yui_3_17_2_1_1625405642353_6708'; let codeTab = '#block-yui_3_17_2_1_1625406080854_3785'; let galleryTabButton = '#gallery-tab'; let aboutTabButton = '#about-tab'; let contactTabButton = '#contact-tab'; /*Initiate the Tabs*/ $(aboutTab).addClass('non-active-tab'); $(galleryTab).addClass('active-tab'); /*Add Actions to Each Button*/ $(galleryTabButton).click(function(){ $(galleryTab).addClass('active-tab').removeClass('non-active-tab'); $(aboutTab).add(contactTab).add(codeTab).addClass('non-active-tab').removeClass('active-tab'); }); $(aboutTabButton).click(function(){ $(aboutTab).addClass('active-tab').removeClass('non-active-tab'); $(galleryTab).add(contactTab).add(codeTab).addClass('non-active-tab').removeClass('active-tab'); }); /* $(aboutTabButton).click(function(){ $("#60ca1b5eefaefb2ac9e03f81").css({ ‘height’: ‘small’ }) ; }); */ $(contactTabButton).click(function(){ $(contactTab).addClass('active-tab').removeClass('non-active-tab'); $(aboutTab).add(galleryTab).addClass('non-active-tab').removeClass('active-tab'); }); /* if ($( "#galleryTab" ).hasClass('active-tab')) { $("##60ca1b5eefaefb2ac9e03f81").css({ ‘height’: ‘small’}); else { $("##60ca1b5eefaefb2ac9e03f81").css({ ‘height’: ‘medium’}); } */ }); </script> and i've also tried this in the CSS aboutTab.active-tab{ [data-section-id="60df82096aa9df24b6d23124"] { min-height: unset !important; ; } @media screen and (max-width:767px) { [data-section-id="abcxyz"] { min-height: unset !important; height: 250px !important; } } THIS IS FOR THE SECTION CALLED CHAPTER ONE FOR NOW BUT IT WILL BE APPLIED TO ALL CHAPTERS.
  4. Site URL: http://www.peaceofmindediting.com Hello, friends. I understand that there are slight differences in layout and colour from desktop to mobile devices, but I am having a VERY hard time trying to figure out why my background colour appears as very dark grey (black, even) on mobile, and very light grey (as intended) on desktop. It provides a completely different look that really messes things up. Also, on desktop, my top navigation header is transparent as intended, yet on mobile, there's that dark grey colour that I don't want. Any solutions? MANY thank yous in advance!
  5. I used Squarespace for years, but moved to Wordpress some time ago. Checking the pricing now I decided to look at moving back to Squarespace. Now, I am quite technical and have created multiple sites over the past 15 years (not to a highly technical level), but boy oh boy what on earth has happened??? I genuinely cannot work out how to amend much at all and the Site Styles is far from intuitive. It feels like everything is hidden and I can only presume that complete newbies who try to import from, for example, Wordpress will be completely lost. Such a shame.
  6. Site URL: https://tinycoastdigital.com/ Hi All, I put together a list of digital marketing resources. Topics covered include content strategy, landing pages, website traffic and more. Please feel free to check it out at https://pin.it/1dNuAZT. Hope it is helpful!
  7. Site URL: https://blackbird-bagpipe-r9gf.squarespace.com/ page url is currently https://blackbird-bagpipe-r9gf.squarespace.com/ Underneath the header, the text that says "it's pronounced rasheed" I have tried and failed in this design endeavour. What I'm trying to do is get that text to be positioned much higher, much closer to the page title. I've looked in the spacing and font settings under 'Site Styles' but I can't find any options that can adjust the spacing in just this single instance. Thank you very much for any advice you can offer me. As a bonus, if it's possible, I'm hoping to style that font differently. The only way I found to do this was to set it as 'paragraph 1' which isn't in use anywhere else on the site, and then change the global font size for 'paragraph 1'. This fix isn't ideal because it changes the whole global setting, and also I wasn't able to increase the letter spacing here, I just did a botch by adding more spaces in between the characters.
  8. Site URL: https://www.peachsnapsphotography.co.uk HI All, on my website I have both portrait and landscape pictures. the website automatically cuts the pictures depending on what I choose but I want to upload both landscape and portrait without the images being cut or cropped. is there a way to do this?? you can see the example on my shop where there are landscape pictures cropped: https://www.peachsnapsphotography.co.uk Thanks George
  9. I have my navigation bar titles stacking like apparently a lot of people. I tried the code provided by tuanphan (cf below) and it worked fine but when I navigate I see the previous display before it returns to the new one. The second issue is that the "Work with me" button is so pushed on the right side that it is hidden. Can anyone help to change the position of the button to be completely visible? my url is https://bullfrog-collie-jwf9.squarespace.com/config/design /* nav one line */ .header-title-nav-wrapper { flex: 0 0 90% !important; }
  10. Site URL: http://contenti.xyz/ Hey there, Tried Googling but couldn't seem to figure this out. Small detail but would appreciate help on this! Basically, trying to change the color of just one word in my banner headline text (bolded word in the screenshot: "Evergreen"). But I think I'm doing something wrong because after following custom CSS, I can't get the style down for this particular piece of text block - the one in the banner/title text. Tried messing with some different CSS codes but couldn't target this particular section. Am I missing something? How would I change the color of one word ("Evergreen") so that it's green? Help would be highly appreciated! Let me know if you need anything else too. Thanks in advance!
  11. Site URL: https://brass-sepia-454p.squarespace.com/ Hi, I'm trying to create a custom section borders by creating an image and positioning it above the section. I created an SVG wave here: https://getwaves.io/ and get this code: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#74C2CB" fill-opacity="1" d="M0,64L80,85.3C160,107,320,149,480,154.7C640,160,800,128,960,122.7C1120,117,1280,139,1360,149.3L1440,160L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg> and I'm using this code to place it on the page: #your-section-id-here { background: #DE551B; overflow: visible; &:before { content: ''; width: 100%; height: 100%; background-image: url(ADD URL); position: absolute; background-size: 100%; background-repeat: no-repeat; background-position: bottom; top: 0; margin-top: 1px; transform: translateY(-100%); pointer-events: none; z-index: 1; @media screen and (max-width: 800px) { background-size: 200% 50%; } } &:after { content: ''; width: 100%; height: 100%; bottom: 0; left: 0; background-image: url(ADD IMAGE URL); background-size: 100%; background-repeat: no-repeat; background-position: top; margin-bottom: 1px; transform: translateY(100%); position: absolute; pointer-events: none; z-index: 1; @media screen and (max-width: 800px) { background-size: 200% 50%; } } } Question is: where does the SVG wave code go into the CSS code? The CSS asks for a URL but I don't have that. Is there a fix for this?? Thanks!
  12. Is it possible to align specific blocks to the top of a section and another group of blocks to the bottom of a section?
  13. Site URL: https://www.civahj.com need to hide the all category
  14. Site URL: https://www.redcottageinc.com/all-upstate-ny-rentals#/easthill/ Hi, I love the layout of our desktop site, but on mobile the vertical stack is not ideal. I dont want to change the content on the page, I just want it to appear in a unique order on the mobile site without affecting the layout on the desktop site. How can I make two different layouts for each channel?
  15. Hi, my client is a real estate agent and saw a feature on a website where you have "Buy a Home" or "Sell My Home" buttons. When you hover over Buy, their process for buying appears but when you hover over the Sell button, then the selling process appears. Here is the link to the website: https://www.freemanjburns.com/ Does anyone know how to create this on Squarespace?
  16. Site URL: https://fancythatinglewood.com.au/ Hello, I like the ‘Headlines’ blocks with the image on one side and some text and button on the other as it’s a great way to highlight a category of product and lead to it very quickly with a button. However I’d really like to have a gallery playing automatically (slideshow) instead of having just one image, which would give a better insight with 3-4 pictures playing for that same category. if you access the website and scroll down the home page you’ll see a gallery playing the way I want and further down this ‘blue vase’ headline. I’d like this image to be an auto play slideshow gallery. Is it possible? Thanks for your help! password : FTI452
  17. Site URL: https://fancythatinglewood.com.au/ Hello, i am in the middle of building my website. It’s going well. But for whatever reason the buttons in the navigation menu (mobile view) and the categories list in the shop section are all underlined. I used not to be the case and I don’t know what I’ve done or how to remove it. (See photo) password: FTI452 I’d appreciate any assistance! Thank you
  18. Site URL: https://racheltribout.com Hi everyone, I would love some feedback on my website. I am wondering if the SEO is good enough, but also if the website feels intuitive, easy to navigate, if it's clear and the info is well displayed, or anything else! Thank you for your time. Rachel
  19. Site URL: https://jordydoust.com/ How do I change the background colour of multiple pages in the 7.1 sites, I’m having trouble doing this.
  20. 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!
  21. Site URL: https://www.prinku.com/workshops Hi. Could anyone help with this please. My workshops page is a product page that comes with a built in line at the top of the images. But this line is so thin it looks grey. When I add lines to the other pages they are usually a different thickness (not sure what the default is in my theme). But these lines look black. I just wanted the line weight on the workshops page to be consistent with the other lines that I'm adding on other pages. Is that possible? Many thanks!
  22. Site URL: https://www.modelingspot.com We Updated Our Website Design - Please Let Me Know What You Think Thank you so much! https://www.modelingspot.com
  23. Site URL: https://www.thegrannywardrobe.com/shop Hello everyone! Just wondering why is this happening - the images in my shop will randomly have an overlay image on it when I didn't set up any overlay. Please see examples below. The image supposed to look like this: But sometimes (not every time) it appears like this: And not just this particular image, it appears to happen to all of the images randomly. Does anyone know how to fix this? Thank you so much in advance! :) Best, Lorraine
  24. Site URL: https://www.butchclothes.com/ Hi there, I have uploaded alternative logos to my 'Store' and 'Info' pages on SS. They work great - except, they don't show up when I am on mobile! Any way around this? I am fine with the Home and Contact pages, just for my Store and Info page! Thanks https://www.butchclothes.com/
  25. Site URL: https://nazdesign.org/ Hi, I am looking for some feedback for my website. Thank you! 🙂
  • Create New...