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://llama-banjo-knmn.squarespace.com/ I'm trying to add a custom font for the blog titles and dates on this basic grid blog: https://llama-banjo-knmn.squarespace.com/blog The next and previous titles at the bottom of blog post pages: https://llama-banjo-knmn.squarespace.com/blog/2020/08/21/hold-on-to-summer-for-just-a-little-longer-watermelon-salad-recipe The title and pricing on this shop page: https://llama-banjo-knmn.squarespace.com/shop As well as all text on a product page: https://llama-banjo-knmn.squarespace.com/shop/p/qsokffa5fcubq6j1f85in9l5gdaeyr
  2. Site URL: https://www.feelgoodbox.co.uk/ I have the below code in a code block to display payment methods in my footer. The code pulls the required images but incorrectly displays them vertically underneath the text. Could you possibly assist me with turning the icons to sit horizontally under the "Pay securely with" text as well as removing the paypal, maestro, clearpay and laybuy svg icons if possible please. There also seem to be bullet points showing up next to each icon which is not needed either. Thanks in advance I appreciate any help given. Thanks. </div
  3. Hello Everyone, I have no real experience coding and I want to ensure the image seen on the desktop view is roughly the same size on mobile. How can I do this?
  4. Hi everybody, Hope you're well. I have a question regarding my attempt to get a "Back to top" button. I have followed all the advice listed from the top rated post (HammaadM) here: https://forum.squarespace.com/topic/10886-how-can-i-add-a-scroll-to-top-button/ This means A) I have added a code block in my footer with code: <a href="#" class="scrollup">Scroll</a> B) I have added to custom CSS the following code (the URL is the Back to Top button I'd like to use): .scrollup { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px;
  5. Site URL: https://www.compagnievlast.com/spectacles/codebreakers specific page URL: https://www.compagnievlast.com/spectacles/codebreakers Hi everyone! Screenshot attached: instead of the default centered-text on Poster Images, I'm looking to left-align only that text on that specific image (so I'm not looking for a CSS code that would apply to the entire website). Also, and if possible, I'm looking into a 2nd snippet of code for that same Text on that same Poster Image that would top-align that text. Ideally, this text would look best if it was starting right under the top bl
  6. Site URL: https://ezechielphotography.com/ Hi guys, I had help with the custom CSS of this page a few months ago by a forum member (thanks again!). Now I added a new image to the before 6 images on my front page. How can I change the custom CSS code, so that further images will be included as well? Thank you all, Ezechiel
  7. Site URL: https://www.wearedragonfly.co HI I am trying to remove the like and share function from a specific page but not across the whole site. Any suggestions? Thanks Emma
  8. Site URL: https://hwh.squarespace.com/ For this website https://hwh.squarespace.com/ password: hwh How can I make it so the 3 icons in the footer on mobile are all on the same row next to eachother for mobile? Currently there is 2 on the first row and then 1 on the second row. See image attached. Thank you!
  9. Site URL: https://www.hometransitionspecialists.ca/ I'm a pretty new Squarespace user and have a client who wants their nav header to have hover options for each page, but instead of pointing to different pages (like with a folder) they want the hover options to bring you directly to a subheading on the page. I've only ever worked with folders and created pages within them. Is this even possible without breaking the template? Website password is NEWHOME
  10. Does 7.1 support sidebar navigation like the Wells template. If not, is there custom css code?
  11. Site URL: https://www.charleyperrio.com/shop Hello, The site/page in question: https://www.charleyperrio.com/shop I am looking to get rid of the grey line that is underneath the title "SHOP" on the above mentioned website. Also when viewed on mobile the title "SHOP" goes to the far left of the screen rather than staying central, is there anyway to change this also? Thanks in advance, CP
  12. Site URL: https://rose-octahedron-r9ek.squarespace.com/respire I am using Squarespace 7.0 Brine template with index navigation and fixed header that becomes smaller using jQuery. Problem: Every time I click on index navigation to scroll down to a page, it off by the size of head due to its fixed nature. Please let me know if something can be done. Link: https://rose-octahedron-r9ek.squarespace.com/respire Password: 12345
  13. Site URL: https://www.ddrglobal.com/ Hi, My hover over images on the Squarespace dashboard look great and work exactly how I would like them to work. However, on my live site, the secondary images that appear on hover over are smaller than I would like. How can I ensure that the images stay the same size on the live site? Here is the custom-css code I am using: .image-swap img:nth-child(1) {position: absolute; left: 0; right: 0; text-align: center; transition: .5s;} .image-swap img:nth-child(1):hover {opacity: 0;}
  14. Site URL: https://iris-paddlefish-tpfn.squarespace.com/ Hi, I'm trying to float an image between my top and middle footer sections. I've added the following code but the image remains behind the middle footer section. There is also a small bit of code that I've added to remove a white space (margin) that was on top of the Instagram section. Not sure if that has something to do with it but I've included it below as well. Any help would be much appreciated. Thanks div#block-yui_3_17_2_1_1605754328283_4716:after { content: ""; display: block; background-image: url
  15. Site URL: http://www.andreaaronica.com Hello everyone, what I'm trying to do is a animated underline hover effect under the pages on my header (squarespace 7.1). The password for my website is: almostready I managed to use this code in my CSS: nav a::after { border-bottom: 1.5px solid #000000; content: ''; display: block; position: relative; top: 0.5px; /* Change the vertical position of the underline */ transition: width 0.35s; width: 0%; } nav a:hover::after, nav .current-menu-item a::after { width:
  16. Hi there, I am using the 7.1 template Alameda and am using a custom font. I have managed to customise the font for headers, body and the header navigation, however this hasn't updated the button font, secondary navigation drop down menu or product names prices. Does anyone know how can I change this? I used the following for the header navigation, which worked: @font-face { font-family: FONT NAME; src: url(FONT URL); } .header-nav-item a { font-family: FONT NAME !important; } Thanks in advance!
  17. Site URL: https://miguelmateas.com/daily-science-picks Hi there! I'd be eternally grateful if anyone could help me edit the text of the "View Event" button and the "Back to All Events" link. I'd like to replace this text with something. Thank you so much in advance to any customisation gurus out there! πŸ™‚ Miguel
  18. Site URL: https://www.justinpape.com/ Hey, Ive just noticed that my header when scrolling no longer stays transparent. On the main page it turns to a white BG and on a project page it turns Black. I have read a few different treads and tried the different custom codes i have seen but nothing seems to let it stay transparent all the time as it used to. Anyone have this issue and figure it out? Site: https://www.justinpape.com/
  19. Site URL: http://www.flyingcircusparis.com Hi, i changed the font of the titles for my product blocks, unfortunately it wont work on mobile, only on desktop. Which is weird because the font is downloaded to the site. I might have the name of the font wrong? Attached the code. It's in the header part of the code injection. Also, is there a script that allows me to add linebreaks to my product blocks titles? I did it for the classic product pages, but i can't find a way to do the same with the product blocks. Thanks for the help!!
  20. Hello to all, I am very frustrated to the fact that sqaurespace doesn’t allow you to sell custom gift cards and use them as payment options like in the same form as how big businesses do it. So I was wondering if it is possible to add a lot of code to my site so that I can creat a gift card and accept it as a payment option? If you want more details and examples please let me know. I hope this makes sense and I hope some designer out there can help me out, because I have been wanting this for so long!!! Thanks!😁
  21. Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ Hello community! https://lizard-chartreuse-ftf8.squarespace.com/ Password: solar2020 Trying to make the mobile menu overlay over the background image the same as it does on the desktop view. I found a bunch of code on the answers forum, but nothing is working for my site... Thanks in advance.
  22. Site URL: https://gw-draft1.squarespace.com/our-work/ledbury Site pass: bekind2020 Section in question: "Creating Opportunities" near bottom of page ----------- I'm utilizing a variety of "plug-ins" to achieve a desired site layout. The main one in particular allows you to create full-bleed, grid-style layouts via flex box. [https://courses.schwartz-edmisten.com/bundles/custom-layouts-in-squarespace] On this page, "Creating Opportunities" is actually just one section, with a background image (the collage), and text block (the caption). Schwartz-Edmisten's CSS code separa
  23. Site URL: http://islaskincare.com/products-test Hi there, I'm trying to use custom css to change the font for my product titles. I've tried a bunch of codes so far posted on here by the leaders but nothing has worked so far. Also tried using the collection ID for the page and targeting H1,h2,h3,h4 and still nothing. Any thoughts? Thanks! Website is islaskincare.com/products-test and password is password321.
  24. Site URL: https://www.theemailschool.com/ How to align everything to left on mobile 7.0? Brine template.
  25. Site URL: https://www.menos.cc Hey, I'm trying to invert the logo color of my website ONLY on the navigation menu on mobile devices. (Or, even better, make my logo 'smart' so it inverts to white on dark backgrounds/images, and keeps black color on light backgrounds). Any help? Any of those options would do :)
  • Create New...