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

Search the Community

Showing results for tags 'custom-css'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 769 results

  1. Site URL: https://www.camberwellarts.org.uk/test123 Hi, is there a way to increase padding against specific text blocks? Looking to still left align but centralise the text more vertically. Have previously attempted with code block container + custom code but this didn't scale great on mobile. Site example here: https://www.camberwellarts.org.uk/test123 Thanks!
  2. Hi, I am using the brine template... I want to target and control the size of a specific image when changing between desktop, tablet and mobile. The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile. Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached. website: tbktest.squarespace.com Thanks in advance. Dan.
  3. I've been watching a couple Squarespace videos on how to do small customizations on my website via the Custom CSS section and I type in the code exactly and it constantly gives me the Syntax Error on Line 1. Not sure what I'm doing wrong? Here's the code I was trying out. .sqs-block-button-element--medium(background-color:#f69477) Thanks
  4. Hello, I have uploaded a background image but I would like this to appear on the homepage only. Does anyone know the CSS to do this? Also how do I remove it altogether from mobile? Thanks https://greyhound-keyboard-sa3k.squarespace.com/
  5. Site URL: https://www.kingslandkitchen.com I cant get the text to center on the promotional pop up I am using. I am using code to remove the X: .sqs-popup-overlay-close {display: none !important} To center the text I tried the code below and removed the p as well but its not centering, not sure what I am missing but welcome any advice or fix. .sqs-popup-overlay-close p { text-align: center; }
  6. Site URL: https://www.nolonstacey.com/hares/sitting-hare-ii-b Hi, I'm having an issue with my product carousel arrows not being visible. It's fine with a product with a dark background, like the Red Kite, but many of my images have white backgrounds so the white arrows vanish. This would have been an easy fix in 7.0, but I can't for the life of me find a way to change the colour of (or add a background to) the carousel arrows so they're visible no matter what the background. I've searched and searched, so any ideas would be greatly appreciated. Thanks in advance (and anticipation!!)
  7. Site URL: https://www.jimisaband.com/ Hello! I have placed a logo in my footer and it looks fine on desktop but is HUGE on mobile. It takes up the entire mobile screen. Any ideas on how I can fix this? website is jimisaband.com The template I used it Kitui, a 7.1 template
  8. Site URL: https://your-social-bee.squarespace.com Hi I want to reduce the size of the subtitle font on overlay text on a poster image (pink box with yellow partial edge) at the bottom of my home page. Currently the testimonial text does not fit on the background image. I have tried various forms of CSS but am failing to identify the magic combination of code to target this. Any help would be great!! Password for website is: yoursocialbee Thanks Cathrin
  9. Site URL: http://www.jensymes.com/home I am wanting to expand the parent container for my carousel gallery to expand the view in mobile only and leave the gallery dimensions alone in tablet and desktop view.
  10. Site URL: https://www.papahale.org/ Hi there, My banner video will not be showing on full size aspect on mobile view. Could somebody help me getting through this? Do I need specific CSS coding for this? Pass: mamahale Desktop view Mobile View
  11. How do I target/hide/remove the "," between tags on a grid summary block in 7.1? I've successfully edited the tags themselves with .summary-metadata-item--tags a{ color:#3b5ed8!important; background:#ced7f5!important; } But can't figure out how to target that pesky comma! (site is under NDA, cannot link to)
  12. Hi there, When I change the background image of a section from full bleed to inset, it creates some white space that I'd like to get rid of. See image for reference. Thanks!
  13. Hi, I have a custom html list whose items I try to show in three columns with flexbox. List items have padding to add room for item background. li { flex: 0 0 calc(33% - 66px); padding: 0 16px 0 50px; background: url('check.png') no-repeat left top; } The problem is that squarespace has some kind of preprocessor which converts calc() to this: (style copied from browsers inspector) flex: 0 0 calc(-33%); How should I write calc() to keep it in the desired format?
  14. Hey guys... after some customizations of cart buttons and checkout (with success) now appears on my website a "pop-up" very fast just on my homepage (both in mobile and computer viewing). Could someone help me to make this disappear without losing these changes I made by CSS? 😕 https://www.dextersupplier.com/ Pass: #$54321#$
  15. Hello! I am currently using the Mentor template in the Brine family. I would like to stack a logo directly above the nav menu, on the header banner image. Right now, you can see that the logo is centered above the nav, but it has a different background colour because it's against the background, not on top of the banner image. That is because the logo's position is "top center" while the nav's position is "bottom center". When I change the logo to "bottom center" and keep the nav at "bottom center" it looks like this, which isn't what I'm aiming for: Does anyone have any advice on how to achieve the desired result? Thank you.
  16. Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you!
  17. Site URL: https://www.thexlstudio.com/weddings/#wedding-booking I wanted to display different products on different rows on the store page. So I added a new section and then added each product (this is below my normal products section). However, I now need to hide the normal product display section from my store page. I've figured out I can hide the section with the below code, but this breaks my product detail pages as well. Could anyone help me either hide the products section on the store page without breaking the detail pages or help me customise it so it displays as I want it. Any help would be greatly appreciated. Thanks. <style> [data-section-id="5e917ef89b4c2c2999be90ec"] { display: none; } </style>
  18. Site URL: https://www.simplify.ws/ I'm trying to figure out how to randomize the testimonials displayed on my home page. I used the blog feature as a way to create and organize the quotes because I preferred it to the other options. I want to display a random quote rather than forcing a specific order. Has anyone accomplished this using CSS on 7.1? I'm new to CSS but willing to give it a shot. The Testimonials block is currently setup with a carousel so that it works best on both mobile and desktop. I expect to have around 6-8 testimonials at any given time. Thanks!
  19. Does anyone have a code that works to change the site title to custom font on Five template? All the codes I have used in the past are not working. Thank you.
  20. Site URL: https://www.loganreulet.com/ I've tried multiple codes in the forum, but no luck getting any of them to work. I have an asymmetrical image layout that i'm trying to maintain across mobile and tablet instead of defaulting to a single column of images.
  21. Site URL: http://www.letsgruv.com I have 3 images with click-through links on my homepage. The name of the page that the image is linked to is displayed in a caption that appears on hover but I'd like to have that always visible on mobile. I'm sure this is an easy fix but the few things I thought to try don't seem to be working out. Thanks for the help!
  22. Hi there, I am trying to disable the responsive mobile design of a specific page on my website. I have tried several custom css codes but nothing seems to work. I just want the icons you see here to stay the way they look when you visit the page using a phone or a smaller screen. I want the layout of the images to stay the same regardless of the screen size. Could anyone help me? Thank you so much!
  23. Site URL: https://octahedron-plantain-seg7.squarespace.com/ For my home page, I have a full page image. I want to have an arrow at the bottom to show people to scroll down. If I can find a way to have the arrow bouncing that would be good, but I can't find how to get an arrow at the bottom of the screen. Any help? Website password: "morrill"
  24. Site URL: http://www.littleemberslearning.co @tuanphan I am trying to make a two-toned background on a specific page using SquareSpace 7.1. I can't seem to target the right element. It works ok on desktop but not on mobile. It seems like it's not targeting the entire background. Here is the code I'm using: /*Background half color*/ div#page-section-5ebb04baaf3da51700fbbdba{ background: linear-gradient(0deg, #264a53 60%, #fff 40%); } @media only screen and (max-width: 640px){ div#page-section-5ebb04baaf3da51700fbbdba { background: linear-gradient(0deg, #264a53 80%, #fff 20%); } } Any help would be appreciated!
  25. Site URL: https://www.vill.no/vill-arkitektur Hi! I have this page where you press one of the projects and then you enter the specific projectsite. I'm encountering a strange issue where you press the project and enter it but no banner shows up. Try f.ex. "Rekkehus Bergen". If you refresh the page the banner will show up though. On some of my other pages like the landingpage vill.no i have some code injection to block the banner from showing up, but this is not applied globally to the site. Anyone seen this before? Best regards, Anders
×
×
  • Create New...