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


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 769 results

  1. Site URL: https://www.studiovertime.com/thoughts Hello! I'm trying to create a black and white to color rollover for blog post thumbnails (website very much under construction). I'm using this code that I found on another post in this forum: .no-touch .collection-5d7a891600952e518d49e751 .project-image { -webkit-filter: grayscale(100%); filter: grayscale(100%); &:hover, &:focus { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } I've changed .collection...project-image to section[data-section-id="5ec00d59438c273bae2f3262"]. The rollover works, but because the selector is referencing a section (I'm assuming), the effect is applied to all of the blog posts at once instead of the individual blog post thumbnail. It also includes the text, and I don't want the text affected. Is there a way to do this so that the effect only occurs when rolling over a single blog post at a time? I hope this makes sense! Thank you!
  2. Site URL: https://brecha.online Hi! I'm trying to figure out a way to change the color of my header on one specific page of my website (it's black throughout the website and I want to make it yellow on one page). I followed this helpful article and was able to find a code snippet that makes the header yellow while I'm on the custom CSS page, but whenever I leave, the live website goes back to the black header. Can someone help me figure out where the error is? As mentioned, I would like to ideally add this to a specific page, so if anyone could also recommend how to do this (via unique page id for instance) that would be very much appreciated! .header#header {position: fixed!important;} .header-nav-folder-content { background: #fac124!important; } body:not(.tweak-transparent-header) .black .header-announcement-bar-wrapper { background-color: #fac124; }
  3. Site URL: https://www.brandistanley.com Is there a way to add additional fields to a promotional pop-up? I'd love to just collect First Name & Last Name data (separately) for my popup, which currently only collects email addresses.
  4. I'm looking for custom css that will allow me to text transform h1, but not the other headers. I'm rebuilding a site from 7.0 to 7.1 (since there is no way to just migrate...) - and we had h1 in all caps and want the new site to be that way as well. I cannot share the new page as the site isn't public/subscribed, but here is what the 7.0 page looks like: https://www.needle-movers.com/ - it is custom css... and h1. I'm also looking for custom css that will remove the header and footer on the first page, so that it is only the css and then a button to enter...operating kind of like a cover page ...
  5. Site URL: http://zhanamitkova.com/ Hey, I need help putting code to resize the text and image on mobile to appear smaller. The site is http://zhanamitkova.com/ it looks fine on desktop but in mobile view the text and the image appear huge. How can I make those smaller to fit well on mobile view? Thank you in advance! Zhana
  6. Hey you all! I'm pretty new to SS, so bare with me. I'm trying to reduce the spacing between the video and banner of the index page. It's the black block/banner here on my site to my site www.drpodcasts.com I've tried this code I found here on these forms, but it didn't work: <style> #page { padding-top; 30px; padding-bottom: 0px; } </style> Basically, I want to shorten the size of the banner page so the video is nearly flushed with the video. I know I could do this by going to Design>Styles>INDEX:PAGE>Padding (Overlay Pages), but this affects every index page. I want this type of padding adjustment, but to ONLY affect the index page of where my video is. I've also attached a screenshot of what I'm trying to achieve. Hopefully that makes sense and hopefully someone can help me with this! Thank you!
  7. Site URL: https://insidejobleaders.com/programs Hello! My first attempt at creating a website with no background in coding. I followed some tips online on how to create a tab section and it worked out well. However, in order to select a tab you have to click on the top half of the button. What do i adjust to make it so the whole button is clickable? Thank you! https://insidejobleaders.com/programs Password: Liza
  8. Hi all! I would like to introduce some code in my product pages (not where all my products are displayed but in each product page). I usually go to the page I want to tweak and click in Page settings>Advance>Page header code injection (the changes here only applies to this page). If I want to change by instance, the logo on the product pages, How can I do it? Thanks!
  9. Site URL: https://thecupncake.squarespace.com/ Hi, Is there a way, I can disable the Add to cart button on some items and enable it on others (or perhaps change it to 'order now' )? URL: https://thecupncake.squarespace.com/ Thank you
  10. Hello! I am using a brine family template and I need to remove the underline for text links in image captions (inline image block). Thank you! 🙂
  11. Site URL: http://rosellanyc.com Hi all, I've been working on a site (not published yet) and I've finally gotten the homepage set and ready. However, I HATE the mobile view. I'm wondering if anyone has any help or suggestions on how to code for the text to be placed differently; as well as a different point of view on the bird. I envision more mobile than computer traffic for this site so it has to look it's best. I've already added a custom CSS code for media views like so (below) but nada. Any help would be greatly appreciated! @media screen and (max-width: 640px) {} @media screen and (max-width: 1024px) { } @media screen and (min-width: 641px) { } @media screen and (min-width: 1025px) {}
  12. Hello there! I am looking for custom code to change the color of the (currently grey) drop-down menu for the archive block on my page. I'm using the Impact template. Thank you!
  13. Site URL: http://www.thechicode.com Hello, If you look at the website homepage youll notice the two images with booking and subscribing on them, and they are beside each other with no space in between. When you switch to mobile view however, there is a 30px padding below the subscribe image. I've tried to remove the padding, but can't figure out the right code. I want there to be no space in between, just like desktop view. Thank you for your help in advanced.
  14. Hi, I'm trying to change the color of a link, only on hover and when it's active. It currently works properly in my Nav, but I'd like everywhere else, specifically in body text and h2 (for example in the footer and the About page). Links should be black until you hover or they're active, when they should be #FFD801. I'm using the York template and my site is https://www.sarahrabinovich.com/. Thanks!
  15. Site URL: http://ashlyhilst.com I uploaded two custom fonts using custom CSS. The first works great. The second is script font and when I assigned it to H3, the font changes--but NOT to the right font. It's either a non-script version of the font or something else, but it's not the right font at all. Here is the custom CSS I have entered right now: /*CUSTOM FONTS*/ @font-face {font-family: 'ZILLA SLAB'; src:url('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdbad6e1692c5f1dd4c7/1589378491336/ZillaSlab-Light.ttf'); font-weight: normal; font-style: normal; } @font-face {font-family: 'ZILLA SLAB'; src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdd39196437d95225f62/1589378516080/ZillaSlab-LightItalic.ttf'); font-weight: normal; font-style: italic; } @font-face {font-family: 'ZILLA SLAB'; src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdaa724b855efa3c628f/1589378474729/ZillaSlab-Medium.ttf'); font-weight: bold; font-style: normal; } @font-face {font-family: 'ZILLA SLAB'; src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdb202ed8c08bc667dc9/1589378483974/ZillaSlab-MediumItalic.ttf'); font-weight: bold; font-style: italic; } h2 {font-family: 'ZILLA SLAB';} @font-face {font-family: 'MARGO SCRIPT'; src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebca53677e24d5defb66534/1589421366503/Jen+Wagner+Co.+-+Margo+Script+Regular.otf'); font-weight: normal; font-style: normal; } h3 {font-family: 'MARGO SCRIPT';} The issue I'm having is with the Margo script one. The Zilla slab works just fine. Any help would be appreciated!
  16. Site URL: https://www.coolisaconstruct.com Does anyone know what code I need to add to make the drop down menu colored. So it doesn't look an ugly grey. Also is there anyway the sizes could be displayed next to each other instead of in a drop down menu? https://www.coolisaconstruct.com/shop/felicity
  17. Site URL: https://sundogbread.com/preorder HI! I am wondering what CSS code would be used to have the inventory quantity of a product variant shown next to the variant on the drop down menu. I'm using the Moto template. This is the site now: I was hoping it could look like this:
  18. Site URL: https://redsquirrelcreative.uk I am looking for some custom CSS code to disable the banner video on the mobile version of my website. I have uploaded a static image to replace it on mobile view, however I am aware that browsers can override this. I am using the Brine template. Any help would be greatly appreciated.
  19. Hi everyone! My client chose black as the background colour for her site, then wanted to make 1 page with a white background. I found the following CSS and it worked for the SHOP page (I found the collection ID using a block identifier) #collection-5e716b64dbe03d1298fe5ab0 { .Main { background-color: #ffffff; } } My client now wants to change the background colour on the CART page to white. The block identifier is giving me "CART" as the identifier and when I add this to CSS, it does nothing:( #cart { .Main { background-color: #ffffff; } } Does anyone know how to change the background colour on the CART page? (also, just an fyi I've checked off the "Use Light Color Scheme" option in commerce and it's not impacting the CART bakground.) Thank you!! Jenn
  20. If I wanted to create some spacing in between two poster images, but the spacer tool does not get small enough due to squarespace's column system how would I do so? Is there a code I can inject to change the size of the columns or add padding between the images? Thanks!
  21. I would like to change the font of my Blog Posts to a custom font. I have already upload this font to squarespace and use it as my h1 font. Is there any way to use this font for my blog headline on a BRINE template? thank you for your help. sarah 🙂 My testside is: https://finch-blenny-3nam.squarespace.com/blog-1/2015/10/15/ramen-ttrek password: 123
  22. Hello, How can I get the header on the index (home) page to have a transparent background so the photos are layered behind the text, while maintaining the white background on the other four pages and the fixed position overall? I'm using the Miller template, and the site is http://iggyrabinovich.com/. Thanks!
  23. Site URL: https://www.onekindcreative.com/podcast/katrinahopper How do I change the background of a section of a blog post (for every blog post). As you see in the attached images, I am wanting to have the top section be black background, and then when I get to the writeup, change the background color to light gray, then switch to white for a callout section. I do not know which or how to reference the same part of every blog post to give it a background of #x color
  24. Site URL: http://jlinnertarchitecture.com Hi all, I am trying to make it so that when a visitor sees my homepage, they get a random image every time. With that being said, I would like for the image, when viewed on mobile, to be chosen from a set of vertically-oriented shots, and when viewed on desktop, to be among a set of landscape-oriented shots. I have seen some people mentioning that they have a different home page for mobile, or an index of it or something. I'm fairly competent with HTML generally, but new to CSS and Squarespace. So I don't totally understand the structures and backend. Can anyone help offer guidance with how I can achieve this? Ideally, I would link the images from ones hosted on other pages in my squarespace website. Thank you very much. This is a screenshot of how my site is organized now.
  25. Site URL: https://www.dbtherd.com/ I've scoured the web trying to figure out how to add a custom font to my site (*edited to add: I'm using version 7.1). I learned how to add a custom CSS to change the heading fonts, but I can't figure out how to change all of the other text fonts (namely the paragraphs, links, and blog post titles). Any and all help is greatly appreciated!
  • Create New...