Jump to content

Search the Community

Showing results for tags 'custom-css'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • 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
  • German Circle Members's Topics


  • Events Calendar

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I pasted the below code as a block into the footer design and well...it worked. The footer vanished along with the code block. Now I don't know how to get it back to remove it. Help? < style> .header, #footer-sections{ display:none !important; } </style >
  2. Hi there I please need help with setting up a description text under an image. On the following landingpage, the small text under the image "Franziska Mulle, lic.iur., Rechtsanwältin und Mediatorin SAV" has a wrong behaviour on mobile view of ipad (portrait). I wanted to do a workaround and change it into a image description text, so it is belonging to the image. But can't figure out how. Second adjustment would be to have the logo fixed at scrolling, but the CTA button "Kontakt" not. Is there a custom code for that? https://mulle-legal.squarespace.com/ PW: SF2022 Many thanks and best Sibylle
  3. I'm using the following code to place the logo in the center with navigation items on each side. Somehow the distance between the nav. items on the right and the logo and the nav. items on the left and the logo are not the same. I cannot find the way to keep them centered. Attached an screenshot. /*Secondary Navigation */ .header-display-desktop .header-title { height: 8vw !important; display: flex; align-items: center !important; justify-content: center; } .header-display-desktop .header-nav { position: absolute; top: 0; margin-top: 0 !important; height: 8vw !important; display: flex; align-items: center !important; justify-content: center; } .header-display-desktop .header-nav-item:nth-of-type(2) { margin-right: 40vw !important; }
  4. Hey everyone, I have an issue with trying to make my sites footer transparent again. I have this bit of code within the Footer field in my Code Injection advanced section. It successfully made my footer transparent site-wide before the latest update. Now, it no longer works. Silly how a very simple design choice is not able to easily be implemented with Squarespace. Can anyone help me adjust the code to make it work with the latest update, please? Thanks! Site: https://www.KAJStudio.com/ <style> body.homepage { position: relative; } body.homepage footer#footer-sections { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; } body.homepage footer.sections section, body.homepage footer.sections .section-background { background: transparent !important; } </style>
  5. Site URL: https://rhubarb-wedge-h6n2.squarespace.com/config/pages Hello all! I am trying to get rid of the buttons on my home page slideshows, so that you could advance the slides by clicking on the image. It is a "slideshow: Full". I need help creating a custom css that would get rid of the buttons and advance the slides through clicking on the image itself. Is this possible? The website link is https://rhubarb-wedge-h6n2.squarespace.com/config/pages and the password is "help123"
  6. I'm creating some Squarespace templates to sell on Creative Market. I'm interested in creating more advanced ones where I utilise custom CSS more. The only road block I'm having is trying to make it so that the purchaser doesn't actually have to touch much of the code. Mostly. it's when they're applying their own branding - colours and fonts - where they need to get into the code and edit it to their own hex codes. I'm wanting to know if there's a way to make it so that we can call on the global styles within our CSS? So for example, whatever font family they've set for headings, can be called on like this in the CSS? For example, this is what I do in Shopify: font-family:var(--typeHeading)!important; Is there a Squarespace equivalent? Thanks!
  7. Hi! I would love to add a button with 'back to all work' in between my portfolio pagination (see screenshot). The only way people can come back to my homepage now (which is also the start of my portfolio page) is to click my logo in the header or footer, or click 'werk' in the navigation. I tested my website on some people and they really miss a clearer option. I found some codes online offered by @tuanphan, but unfortunately they don't do anything for me. The codes are the two added underneath. Can someone maybe help me with this? Thank you in advance! password: Illusterre2022 https://illusterre-sample.squarespace.com #19. Add Button to Pagination <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('<a href="/portfolio" class="item-pagination-link item-pagination-link--prev portfolio-backto"><div class="item-pagination-icon icon icon--stroke"><svg class="caret-left-icon--small" viewBox="0 0 9 16"><polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2"></polyline></svg></div><span class="pagination-title-wrapper"><div class="visually-hidden">Back to Work</div><div class="item-pagination-prev-next">- BACK TO WORK</div><h2 class="item-pagination-title">BACK TO WORK</h2></span></a>').insertBefore('a.item-pagination-link.item-pagination-link--next'); }); </script> <style> /* Portfolio back to button */ a.portfolio-backto .item-pagination-title { background-color: black; color: white !important; padding: 10px; } </style> and #20. Add “Back to all projects” under pagination <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<section id="back-to"><div class="sqs-block-button button-block Index-page-content"><div class="sqs-block-button-container--center"><a href="/portfolio" class="sqs-block-button-element--small sqs-block-button-element sqs-button-element--primary">Back to all project</a></div></div></section>').insertAfter('.item-pagination[data-collection-type^="portfolio"]'); }); </script>
  8. Site URL: https://www.buffconceptstore.squarespace.com Help! Looking to create a header navigation like this: https://merchery.co/ I'm close, but struggling to add an appropriately sized border around the menu items (shop/services/cart) and then changing the button to fill that last section. If the latter is too difficult, then happy for it to be contained in a box! Password: hello
  9. Hi I am looking to add a border to my navigation links similar to this site: https://www.oakandstonetherapy.com/ Does anyone know the CSS to customize my header similarly? Thanks
  10. Hi there, The custom CSS font is not working for our business website. Any advice would be great - I wondered if it's because we haven't hooked the site up to a live domain yet? Thank you!
  11. Hey peeps! I hope I can explain this the easiest as I'm unable to find this answer anywhere online. Let's say I add a simple text block and type "product 01". And then I wanted to hyperlink that "product 01" that once clicked, it would perform an add to cart action on a specific product I have in my store. Is that possible? So in other words, is there a URL that adds a product of yours to the shopping cart or is that ONLY possible by using the product 'add to cart' button? I deeply appreciate your help!
  12. Hi, I'm struggling to get my custom font CSS to apply to both the price and category listings on the product page: https://fox-beagle-3wxe.squarespace.com/pre-orders-shop pw: bostock Any help would be appreciated! Thanks, Jordan
  13. Hey guys! Im getting this error message on my contact page of my website and don’t know how to get rid of it? please help!
  14. 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
  15. I am having trouble with my custom code all of a sudden. It was working and now not. First was notified of the issue on my blog - see below: When I go to my custom code I am getting Syntax error on line 1. See code below. If someone could please help me that would be greatly appreciated. { https://static1.squarespace.com/static/61e4a69919859c18745fa00f/t/61e77f521a01022a48b18ab9/1642561362037/Untitled+design+(5).pnghttps://static1.squarespace.com/static/61e4a69919859c18745fa00f/t/61e77d53b049ee0109f96f12/1642560851041/NZTMS+Enviromark.pnghttps://static1.squarespace.com/static/61e4a69919859c18745fa00f/t/61e77d53b049ee0109f96f12/1642560851041/NZTMS+Enviromark.pnghttps://static1.squarespace.com/static/61e4a69919859c18745fa00f/t/61e77d53b049ee0109f96f12/1642560851041/NZTMS+Enviromark.pnghttps://static1.squarespace.com/static/61e4a69919859c18745fa00f/t/61e77d53b049ee0109f96f12/1642560851041/NZTMS+Enviromark.pnghttps://static1.squarespace.com/static/61e4a69919859c18745fa00f/t/61e77d53b049ee0109f96f12/1642560851041/NZTMS+Enviromark.pnghttps://static1.squarespace.com/static/61e4a69919859c18745fa00f/t/61e77d53b049ee0109f96f12/1642560851041/NZTMS+Enviromark.pngp, h1, h2 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } @media only screen and (max-width: 640px) { body { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } } /* Hyphens */ p { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } @media only screen and (max-width: 480px) { div#block-yui_3_17_2_1_1617070992459_2438 { width: 50% !important; margin-top: -106px; float: right; text-align: center; } div#block-8fd4fbebc285cca00105 { text-align: center; width: 50%; } div#block-yui_3_17_2_1_1617070992459_4790 { text-align: center; } } .Mobile-bar-branding-logo { content: url("https://static1.squarespace.com/static/5dd1f5e3fcb3826c704314d7/t/60b905a835da1c4f0387e9ce/1622738345945/field+text-01-01.png") !important; max-height: 30px; min-height: 30px; width:auto !important; }
  16. Hi I got this error message saying "Error parsing Custom CSS, verify Custom CSS is valid" on my blog page editing and also events and I suppose any pages which when I want to do editing. What can I do ? I did not change any custom code and will definitely not touch any part of it as I think that may break the entire site and I have no developers to help me in this as I'm managing the site myself. Please help!
  17. Hey gang! I have a custom image that in place of the title for my navigation folder and hovering over it causes it to rotate while revealing the dropdown navigation menu, however while hovering over the menu, the icon returns to it's original position. I'd like it to stay in it's rotated position as long as the navigation dropdown is being hovered over. Is this possible? Any suggestions are welcome! Thank you!!
  18. Can someone help me understand why this is showing up? i've spoken to customer service twice , deleted cache but still nothing at still appears to be here. please any help would be much appreciated
  19. I don't like how the "Sold Out" tag is displayed. It is shown with small caps and a brown color. I want it like I've written it (the S and the O as capitals, and the rest lowercase), in italic and white color. I also don't like how it's on the very right of the image, making it too close to the next product's name. I'd like to have it next to the product's name, like this: Futur solitari Sold Out Can I do both changes?
  20. Site URL: https://www.laterwolf.com Hi! I can't seem to find out how the designer of this page managed to create the transition/reveal effect in between pages. You'll see what I mean when you click on a page in the navigation (Info). Is this something I can do with CSS? I'm using Brine 7.0 so there's no site-wide animations built-in. Thanks for any help with this!
  21. Hello everyone, After installing and trying to use a custom font, the Bold selector does not work properly. The amount of Bold it adds to the font is minimal. The first screenshot shows how the bold selector behaves when using the font through google fonts from the "Site Styles". The second screenshot shows how the bold selector behaves using the same font but installed by me. The font installed is Poppins Light. This is the custom-css code I'm using: h3 { font-family: 'Poppins-300'; letter-spacing: 0.02em; font-size: 1.8rem; }
  22. Site URL: https://iris-bugle-4zwc.squarespace.com Hi, Just need to know how to hide a section on mobile. Getting errors when I use this code: @media screen and (max-width:640px) { section[data-section-id=“MY-ID_HERE”] { display: none;} }
  23. Hello, Fairly new to SS but am in the process of setting up a site and I'm experiencing strange behaviour when using Custom CSS now. Previously it has worked, however I've noticed in the last few days that the Custom CSS doesn't appear in the live site. However, it does appear when in the editor. Screen recording attached below. Thanks! Tim 603292390_customcssnotworking.mov
  24. Hi there - My website is selling artwork and one of the artist's has named their artwork PLAY // BULLY. I am using the title of the artworks as the Product Name but there isn't a text editor for Product Names so I presume the only way I can add in the strikethrough is through some custom code. However the only place I can see that code can be added is to the Store page that the products are on. It's just one product that has a strikethrough in the name. This is the product page - https://butterfly-lanternfish-gg5p.squarespace.com/config/pages/620c0a61e1c59b48dbee3b46/categories/620c0a61e1c59b48dbee3b4b Can someone tell me if it is possible to alter just one product name with code and if so, what that code is! Many thanks Beck
  25. Site URL: https://papaya-armadillo-7acs.squarespace.com/ Password for website: design101 I'm trying to customise a summary block on this website. I'm using the summary block as a testimonial carousel slider, so I'm feeding in the content from blog posts. I can kind of get the content looking almost how I want it when I'm in 'list view', but I still want to show multiple so I'm wondering how I can achieve this. if there even is a way. **This occurs on the home page and the 1:1 coaching page. Below is what I want to achieve. Below is what I've been able to achieve (minus the carousel element).
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.