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'.

  • 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://red-grouse-yf96.squarespace.com/ Hi, I'm hoping to get some help removing some spacing in between header / section, and between sections on the Home and Services pages, below. Link is https://red-grouse-yf96.squarespace.com/ password is 12345
  2. Hi all, I was wondering if anyone else was having this issue when trying to reorder their product categories. I have looked online on so many questions where the only answers are about how to reorder and not about this (although apologies if this has already been answered as I cannot seem to find it!) Original: After CSS: I would like to reorder my categories as (1) All, (2) Hats, (3) T-Shirts, (4) Jackets, (5) Trousers, (6) Tracksuits. However when I apply the CSS, it puts (5) and (6) together. Even when moving them around it will group two together,
  3. Hi Guys I have used some code I have found to create a special navigation bar which scrolls along my page and sticks to the top of the browser. I am struggling to make the bar fit on mobile (or ideally not display?) I have tried adjusting my mobile break point to extremes but nothing seems to work. Code pasted below and screenshots attached, any help would be greatly appreciated! Thanks <style> #special-nav > div{padding-right:12%} #special-nav > div:last-child{padding-right:12%} #special-nav { position: fixed; display:flex;
  4. Site URL: https://www.debbiemarkswellness.com/ Greetings! Is there a way to hyperlink text in a code block. I'd like to hyperlink the words Schedule, Meditations, Resources, Blog and also change the color of the text on hover. I'd like the text to be gray when static, ocean blue on hover. Any help would be fantastic! Thanks! site: debbiemarkswellness pw: BEWELL page: homepage
  5. Site URL: https://turquoise-platinum-pr9s.squarespace.com Hello, I'm looking for custom css code for the mobile version of my site. My problem is: 1. On mobile view the Pagination-title becomes clipped (see img below). Just looking to have it smaller so it fits on the screen. Password: jjj Any help would be great, Jacob. @tuanphan
  6. Hi, I have been building my site for a few months and am now in the final stages before launch. In testing to see how the page responds on other computers/displays, I noticed that a custom code for rotating words that I have on the homepage displays in variable form because the code unfortunately does not let me center the words and have them auto adjust to all displays/browsers. I came across this code here: https://codepen.io/kenwestphal/pen/xqRZYZ to be used for the same purpose, but when I insert it into my site, it does not work how it should (The words do not rotate. T
  7. Site URL: https://www.tofw.com/anniversaryannouncement Hey All, We are trying to add confetti to an announcement page. I found this code: https://codepen.io/fionnachan/pen/EvaqOB exported the pen, copied and pasted the CSS into the page header code injection spot but nothing is happening. Below is what we pasted. Any ideas what we are doing wrong or how to fix it? <style> body { margin: 0; overflow: hidden; } .wrapper { position: relative; min-height: 100vh; } [class|="confetti"] { position: absolute; } .confetti-0 { width: 3px;
  8. Using the 7.0 Brine Template . Want to change the look of the Blog List page using custom CSS so it looks more like the attached image. Is it possible? Move the title, post excerpt, date etc to the middle center TIA J
  9. Site URL: https://insidefukushima.org/ Hello, I'm trying to disable scrolling (both horizontal and vertical) site-wide because it's completely breaking my website on mobile. My website is used to host images, and the template I'm using, Momentum, seems to have serious issues with displaying images on the mobile site format. The website is insidefukushima.org, and the issue begins in the photo galley pages, like https://insidefukushima.org/no-entry-signs. On a desktop, the page looks completely normal and you can scroll through the images by clicking on the left or right side of an
  10. Site URL: https://clementine-sunflower-4f33.squarespace.com/ Hello Squarespace Forum! I would really appreciate if someone could please help me make the arrows on my slideshow gallery bigger. At the moment they are quite small and not very obvious. I've tried the CSS from a couple of blogs that I have read but it doesn't seem to make any difference. I'm not sure if this CSS that I have used for the descriptions on the gallery are interfering with the code? I used the CSS from this article and put the Javascript into a Markdown block in the footer: The site is using version
  11. Site URL: https://carolynkdesigns.com I had CSS on my site for my product pages to display two columns on mobile. The code worked until I changed the type of page to make it more SEO friendly. Here's the code I have: @media only screen and (max-width:640px) { .products .list-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .products .grid-item { width: 48%; } } I suspect that the line that needs to be changed is the .products.list-grid since I no longer use that type of page to display products. Check out any of the five produc
  12. Site URL: https://echidna-octopus-ewe3.squarespace.com Hello, I would like an image block to zoom in/become cropped when in mobile view: The image block with the words 'Barnabas Poffley': I like the way it looks in desktop but want it to become zoomed on mobile such that the words are the same size as the image below. does anyone have any ideas I think I have exhausted all gallery/icon block design options. I have read through here for the past few hours but struggling to make anything work for me. Any help much appreciated.
  13. Hello, First post here, looking for some advice working with the following css script: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ section : ".Index-page", }); }); </script> This "Scroll-Lock" script works great on my desktop site, but not so much on mobile. I think I'd rather
  14. I'm looking to remove the sub text on the quick view search bar block - I have product codes on product pages that are searchable however the search pulls up all the codes and additional text - I would like this to either be removed so it only displays the product title in the quick view search or it displays the product title and product code that was searched for only. Appreciate the help 🙂
  15. I have my product page to be set up with the product filters to the left and SET to 4 product images on the width - every browser shows this no problem apart from EDGE - it displays it with 3 products - is there any way to change this out is it a brewers display issue? Appreciate the help 🙂
  16. Hi, I'm trying to remove the ability for users to click through on certain Thumbnail/Banner Images within an Index page on a site using the flatiron template. Specifically, the images that represent routes 2-10. any advice / help would be appreciated.
  17. Site URL: https://www.alarahotels.com/ hello! i'm trying to add an icon menu to my social icon section in my header. the goal is to have a flag icon, and when hovered over it displays additional country flags that represent other languages. i've been able to add a custom icon to my header, but can't figure out how to add a custom menu. anyone have any ideas? here is the code i'm currently using... /* remove current icon */ .header-actions-action--social a:first-child svg { display: none; } /* set new icon */ .header-actions-action--social a:first-child {
  18. Hello I would like to create a split section and so one side sticks as I scroll, does anyone have any idea how to create this? Example: https://nayatraveler.squarespace.com/journeys-peru-walking Thank you
  19. Site URL: https://howtousepsychedelics.com Hi, I would like to have a sidebar as seen on this website: https://coopcreator.ca/resource/business-model-comparison/. I would like the sidebar on only some pages... the pages with sidebars (see: https://howtousepsychedelics.com/preparation). How do I add a sticky sidebar to pages on 7.1? Thanks
  20. Hello , I really would like my customer sign-in link, to be aligned to the left of my bag instead of the right. I added a picture below so you can get a better picture on what I want it to look like 👍. @tuanphan
  21. Site URL: https://violin-manatee-hxbz.squarespace.com/config/design/custom-css Anyone know why my mobile site is not showing anything? Refer to photo below
  22. How to do make my product title font be the same font as H1, and price font be the same as H2?
  23. Site URL: http://www.greenshootsandmuddyboots.com/ Im hoping someone could help me create curved sections with some css, i tested the theory of uploading a photo that has been masked with a curved edge, while this works with image blocks it does not work with images filling the background of a section. the site is password protected the password is j4gg3r you can see that I have tried to do this also with cards, place the photo as a circle and this too has not worked. I have watched a tutorial to show how to customise section edges and can see it's possible but how to get the curve?
  24. Site URL: https://www.brandonbourne.co.uk/homepage I want to change the index gallery page headings with the same font as the H1 headings that are throughout the website. I have tried many different CSS codes but none have prevailed so far. The H1 site headings use CSS for the font that I want, but just can't seem to reach the index gallery pages, any help would be great appreciated!
  25. 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.
  • Create New...