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

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 97 results

  1. Hi, does anyone know if you can disable custom code for mobile only? I have added the below code to enable parallax scrolling, but it is causing an error an issue on mobile where the page won't scale the image when dragging down. Hoping there is a way to disable this code on mobile only so parallax scrolling works on desktop web at least. Here is the page: https://www.fluviomarketing.com/ <!-- Parallax --><script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script><script> document.addEventListener('DOMContentLoaded', function() { var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image'; if (document.querySelector(targets)) { var rellax = new Rellax(targets, { speed: -6, center: false }); } });</script><!-- end Parallax -->
  2. Hello, I created a custom CSS class in the design editor. How do I apply my class to an object on the page?
  3. Hey folks, I'm trying to hide the top footer on a specific page (this one). I've put the following code into the page's header code injection but it only appears to be working when I refresh the page. Any ideas how to make it work first time? Getting the same results in chrome and firefox <style> #footerBlocksTop { display: none !important; } </style> Any help is greatly appreciated.
  4. I'm wanting to know if it's possible to change the layout of a gallery page on just one page. My current style is set to Packed. I'd like one page in an index to be set to Slideshow. I had a solution from the previous forums but it wasn't a full solution. A code infection for my page header would be amazing if anyone has any leads?
  5. Hi I'm using Foster template and I want to make the lightbox form button larger so that it looks the same size as the lower button in the picture provided. Please can somebody show me the custom CSS to increase the size of that button - Thank you
  6. Hi everyone, Need serious help with this annoying problem. I am currently using the Henson template and I need to change something on the landing page. Does anyone know how to make the site title fade as you scroll down your landing page?
  7. Hi all,I'm working in the following website page:https://hqwebsitestudy.squarespace.com/home/jamdPassword: 12345678 I'd like to know if it's possible to replace the blue arrow that indicates the next post for a blue circle. I've uploaded a bluecircle.png icon on css custom files but haven't found a way to replace the svg.next-icon for the new asset. If so, what code injection can help me achieve this result for both Next (right) and Previous (left) arrows?Thanks in advance,Eliahu
  8. Hi all, I'm working in the following website page: https://hqwebsitestudy.squarespace.com/news Password: 12345678 The .date-wrapper originally shows Day and Month (29 Oct). My goal is to showcase Month and Year (Oct 2019) in this specific page. I've already add the following custom css line: .collection-5d6672978931a00001370dcb .day {display: none;} How can I get it to show the year as well? Thanks in advance, Eliahu
  9. Hi there, The shopping cart icon in the top right is permanent according to the Squarespace chat rep I just spoke with. Does anyone have any custom CSS that could hide it? My page is just a blog and I love this theme for that but don't sell any products. Thanks!
  10. I have attached an image that shows what I would like the first section of my website to look like on mobile. My site is onekindcreative.squarespace.com 1. I would like to change the background image on mobile to a gradient image. 2. I would like to bump the banner content down on mobile.
  11. hey guys, my english is not that good but i try to explain my question. I would like to build a one page website with a "scroll lock" effect. Is there any css code or tutorial how to make this effect? You can see this scroll effect at https://workflow-films.de Thank you and best wishes from germany! Dani
  12. Does anyone know how I can put white dividers (ie: |) between navigation links? The url to my website is trentnader.com. Thanks in advance!
  13. I'm trying to insert css that would allow each of my 3 page titles in my primary navigation to be a different color, and have a different hover color, and have a different active page color. what would the correct css be?? my site link is: https://www.sophielindemann.com/ thank you! 🙂
  14. Hey guys, I love how genius your forum is. I'm a self-taught programmer and I'm getting my ass kicked on highlighted text. It seems like its ubiquitous on the web to have this colorfut text blocks but the css is driving me nuts. I wanted to make my website look like this uber-cool one from tamsen webster: https://tamsenwebster.com/ (totally whispered that idea). It has super-perfect css which resizes perfectly. But all I got was this hacked version which you can see live in all its dorky glory at deliveringcures4cancer.org (btw nonprofit client is kickass, I'm the dork :) using two separate code blocks on the main page: <H2 style="background: #ff69b4; padding-left: 0.5em; box-shadow: 0 0 10px 10px #fff"> We fast-track</H2> <H2 style="background: #ff69b4; padding-left: 0.5em; box-shadow: 0 0 10px 10px #fff"> cures for cancer.</H2> And it resizes really weird because they are two different text blocks. If I put them together then I can't get a gap to show between the lines of text. Please whisper some ideas to me is there a way to do this with custom css code and H2 text that I'm missing??? Thanks, Drea
  15. Hi I am using the Foster Template Can anybody please give advice or help with this issue. I have a gallery block that's on an index page and I want to be able to magnify the selected photo when hovering over it with the mouse so the photo expands slightly on hover. Can you please tell me how this could be done whilst also allowing the highlighted photo to still link through to its specific page when clicked on. Thank you in advance The page in question can be seen at https://ratcliffeandratcliffe.squarespace.com/therapy
  16. I would like to change the font of my Blog Posts to a custom font. I have already added the font and am currently using it for my H1, but I don't know how to assign the custom font to blog titles. I was able to find two posts from Squarespace Answers addressing the issue, but when I navigate to the pages, it says they don't exist anymore. Any help would be greatly appreciated!!
  17. Hi there, Does anyone know of code or script that can enable the images in a carousel gallery block to be swiped through with a thumb on mobile or dragged side to side when held with a mouse? Any help would be most appreciated. Many thanks, Sam,
  18. Hi there, I am wanting to create a Transperant text button on the image blocks of a single page (www.capecabin.com/thespace) so that it matches the 'take a look around' button used over a banner image on our homepage. Could anyone point me in the direction of the css code to achieve this? I would prefer the buttons to be fixed rather than visible on hover as I think I need to make it as clear as possible that you can click through to see more. x Jacqueline @capecabin
  19. Hi! I have a website that uses a vertical navigation in the top right corner of the page. I want this navigation to look exactly the same on all different devices. Is there any way I can turn off mobile navigation without disabling mobile styles all together? Can I change the breakpoint for the Mobile navigation with custom css? I'm using the Bedford template. Here is a link to the site: https://goldfish-pear-6fms.squarespace.com Thanks! /Ville
  20. Hi, I am looking to do one of either of the following, but only on the search results page. 1. Add some custom text and or picture above the search results OR 2. Display a custom pop (eg promotional popup) just on the search results page. Has anyone done this, what is the easiest way to achieve either of these? Thanks
  21. I have successfully removed by site title and tag line. I however have a weird space in the middle of my navigation. I have also tried to use custom CSS to re align the navigation. Any help would be appreciated. I am not an expert with CSS but here is the CSS that I am using: #siteTitle { display: none; } #siteTag { display: none; } #siteDescription { display: none; } #headerNav a { display: inline-block; margin-top: 10px; text-align: center; margin-right:; padding-left: 10px; padding-right: 10px; }
  22. I have successfully removed the banner image from blog posts in the Bedford template. However, I can't figure out how to change the colour of the links in the top navigation along with the drop down menu background and the border around the Contact link. Help please? I've put the banner image back on for now while I try to work it out. My site is: www.cheerupmarketing.com
  23. Hi everybody Im using the Hunter template and trying to create a linear gradient over my gallery grid images with a hover effect as well. I can seem to get the hover effect to work, although only to some extend, but have had no luck creating the correct code for the permanent gradient. Im going for the same gradient effect as on this website https://plusdevelopmentgroup.com/ My code looks like this at the moment: img.thumb-image.loaded:before { content: ''; display: block; position: absolute; height: 85%; width: 100%; bottom: 0; transition: height 0.5s ease-out; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0, 0.7) 100%); transition: background 1s linear; transition: linear-gradient 0.5s ease-out; opacity: 0.5; } img.thumb-image.loaded:hover:before { height: 100%; opacity: 0.5; transition: opacity 0.5s ease-out; }
  24. Somehow the padding around all my buttons is too large. How to get them back to normal? i have tried various padding options, some dont seem to change anything, but button space remains the same. https://www.missmangosherbappeal.com/for-the-home
  25. Hey, so I've got quite a bit of custom CSS code in my website (though it is all fairly simple), and all the code works exactly as I planned it to. However, I have this strange issue: when I first load the website, none of the CSS changes are visible, it's as if there is no custom CSS whatsoever. But as soon as I open the CSS editor, all of the correct changes pop up. I haven't made my site live yet, and I'm worried that if I do, none of those changes will display (my worries seem to be valid because when I open the mobile version on my phone, the CSS changes don't show up). In which case I would be wasting money on a website that doesn't work as desired. Anyone else having this issue? Anyone found a solution? I'm on a Pacific template, btw.
×
×
  • Create New...