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

Search the Community

Showing results for tags 'border'.

  • 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




Expert ID

  1. Site URL: https://www.hannahgold.world/ Hello, I'm trying to add a gold foil effect border (image) to the above website. Found some random CSS deep in Google (below) which worked but I don't want the white lines - I just want the image to repeat. Tried removing the 'double #ffffff;' bit but then the whole thing disappears. Any ideas?! https://www.hannahgold.world/ PW is charlotte thank you! Here is what I've tried: #footer {display:none;} body { border: 5em double #ffffff; background-image: url(https://static1.squarespace.com/static/5ff71bd7f78200562b794c7
  2. Site URL: http://manekinwinecompany.com/ A few things: I want the border to show evenly top and bottom as it does on the sides. I am trying to reduce the image size of the photo, maybe so that on the screen it would be taking in 1-1.5 inches on any side of the image I then want to show a column of aligned, small product label shots below the text, each one with a corresponding text box to feature a brief explanation and links to product pages. Overall, something similar to the look of this page: https://www.pariswinecompany.com/courtaulttardieux (main difference being the two
  3. Site URL: https://lookafterto.ca Hi Squarespace community! How do I edit the post-submit appearance so that there is no black border? Thank you so much for your help!
  4. Site URL: https://murugiah.com/ Hi! so i'm looking to add a multi coloured gradient border frame around the edge of my entire site. I also need to go all the way to the bottom of the site so that when i scroll down the bottom of the border is at the bottom of the website. Hope this makes sense.
  5. Hi 👋 I am trying to add an image border to my website instead of adding a color border. Is this possible to do on squarespace? I have attached a screen shot of what I want the final page to look like (before I add content) Thank you, Reed
  6. Site URL: http://moodart.co Hi there, I am trying to add a new CSS code to my custom CSS and it is not working... my objective is to create a different colour outline for my button but still have the button be filled with a colour... This is what my Custom CSS looks like right now... .Index-page:first-child .sqs-layout, .Intro .sqs-row { -webkit-animation: fade-text-anim 2s ease; animation: fade-text-anim 2s ease; } @keyframes fade-text-anim { 0% { opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(
  7. Site URL: https://jadeanthony.com/the-regulars/#index Howdy folks! I really need some help targeting a specific Grid Summary Block that I want to add a 2px border to. Right now, I'm using the following code: <style> .summary-thumbnail{ border: 2px solid #A43D5F; border-radius: 50%; </style> But I really only want to add the border, now seen on all round images on the page, specifically to the grid block under the "2021 READING CAST" tab. Can anyone help? The page link is: https://jadeanthony.com/the-regulars/#index
  8. Site URL: https://www.melissatakai.com/ Hi there, I notice that the right side of my website has this random blank space (not sure if this is considered padding, border, or margin) as seen in the screenshot below. This problem only happens when I view my website on a large desktop computer. It looks fine (meaning no blank space) on my laptop. Any way I can get rid of this? Thank you!
  9. Site URL: https://www.endofanear.com/ Hello, How I can I implement a black 3px border when hovering over product images on the shop page? I just can't figure out the code on Squarespace. Also, how might I be able to add a small drop shadow to product images, as well? There's a whole bunch of different shop pages, but here's one: https://www.endofanear.com/jazz Thanks! 🗿
  10. Site URL: https://www.nancykononelos.com/ Hi, On scroll, how can I add a 1px bottom border to my navigation bar? Thanks!
  11. How i can change the color of the line? "Separation in the shopping list"
  12. Site URL: https://impala-amphibian-6n45.squarespace.com/work Hello guys, I want borders (white in the picture) all around each content block. My problem is with the width of these borders. I want the width to be the same around the whole pack of blocks AND in between the columns (where the width is currently doubled because borders touch). How would you do this so it looks like that on desktop ? On mobile it should be a simple proper border since all the blocks are going to stack above on other. I'm looking for css code to tweak a section theme. PASSWORD FOR SITE : v
  13. Site URL: https://www.placeme.gr/ar-coffee-machine-background Hello, I'm trying to remove the blue border that appears when a code block is clicked. I tried adding this to the Custom CSS but the border still shows up. Does anyone have a solution for this? I'm using Squarespace version 7.0, with Bedford template. Thank you *:focus { outline: none !important; }
  14. Site URL: https://www.useinpress.com/overview How can I change the site header bottom border color for mobile with css?
  15. I added the following code to create borders around my buttons. .sps-block-button.sps-block-button-element—small { background-color:#E93F33; border: 2px solid, black; width: 75% Th code is working on all the buttons except one, which is placed over a block that has a colored background. Is there a way to make the border appear here?
  16. Hi there. I’m looking for code to remove underlines from my links while keeping the outline border of all buttons. The two codes I have on hand either remove the bottom button border or all four borders completely. Appreciate any help, thanks so much!
  17. Site URL: https://www.drewdeath.com I am using the masonry gallery with lightbox. I can code the CSS to put basic border or background around the lightbox but I want it just around the image in the lightbox. I feel like I've tried every element but it will only put a border around the lightbox div. What is the correct element to access?
  18. Hey Guys, How can I add a border around an image? I tried with custom css but only found a code for text. See attached photo please, Thank you.
  19. I would like to add a border around some of my text boxes. how can this be done and is there a custom css code for this? I have tried using the markdown block and adding some css coding but for the life of me I can't get the banner to appear. However I am new with css, so if anyone has a code that would do the trick please help me out.
  20. This seems simple enough... but I can't get a border to show up around the google map on a page. The block is the google map on the page. #block-abcc8cb4d36e6a5d26da { border: 5px; color: #4a5c41; }
  21. I'm trying out the new 7.1 at the moment. In 7.0 I had a template that allowed me to add a 1px border line at the bottom of the header and the top of the footer. I'd like to replicate this in 7.1, but I don't see any styling options for that. What custom CSS do I need to add to make that happen?
  22. Site URL: https://www.aptentdigital.com Hi! My website has a large amount of white space to the side & below. Wondering if anyone knows of some simple CSS/HTML that I can use to essentially "crop" the site? I've tried setting a max-width to #site and that doesn't work. Any help is greatly appreciated! Here's my website: https://www.aptentdigital.com Thanks!
  23. Hi, I'm designing a site for my client, using Brine. Whilst she loves the use of a white border for desktop viewing, she'd ideally want no border when viewing on a mobile. Does anyone have a code for this? (the site is not yet live) Thank you!
  24. Site URL: https://www.rafida.org Hey, I've added some custom code to make the announcement bar, navigation, and social links to stick while scrolling. The only issue now is that for some reason the orange borders on the edge of the site are messed up. - On the right side the orange border goes under the navigation bar, - On the left side the orange border goes over the navigation bar. Is there a way to make the orange bar go under the navigation on the left? website: rafida.org pass: lastphasetesting3 - I've added a screenshot highlighting the issue. - I've added t
  25. Site URL: http://wearenativ.com/home-page Hello - I'm getting a strange blue/white box around my newsletter submit message (have attached image) Anyone know why this is happening? Or how to get rid of it? Sammi x
  • Create New...