Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'text'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • 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

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://orange-beagle-9jfc.squarespace.com/ Good morning to you all, I'm a newbie to Squarespace and I'm sorry if this question has been asked before or if the answers can be found in this forum already - I couldn't find it. I'd like to have linked text or headings in the text to change colour on hover. The default in 7.1 seems to be that the links are underlined. I've managed to get rid of the underline but couldn't manage to change colour. Does anyone know how I can fix this? Thanks in advance for your consideration! Matt
  2. Site URL: https://marlow-concept-zach-naum.squarespace.com/optical-frames Hi there, I'm wondering if anyone can help me make a text block on the side of a page sticky? I have this block on the left side of the page which is functioning as a navigation bar with links to the text. I've styled the text block using CSS, and I would like to add CSS to make it sticky so that it stays in place as you scroll down the page. I've read quite a lot on how to do this (targeting the block then adding position: stick etc) but for some reason nothing I try seems to be working. Any help would be much appreciated!
  3. Site URL: https://octahedron-trout-h9lc.squarespace.com/ In order to format the mobile site well, I had to add line breaks to a paragraph. I don't want those line breaks to be there on the desktop version. How do I remove the break only on desktop? Note: I don't think I have a url yet because I haven't published the site yet. I'm still on a trial period before I publish the site. How mobile looks: How desktop looks right now:
  4. Site URL: https://piccolo-azalea-xy2l.squarespace.com/ Hi there, I'm trying to make this text sticky/fixed. I want it to stay fixed when scrolling, and the darker grey section to go over it if that makes sense. I've tried ot make it sticky with CSS but it doesn't stick for very long. Hope this makes sense, Cheers, B Site pw: bmd123
  5. hi! ☻ so i made some custom css to create a text "highlight" effect on my newest project but you'll see from the picture that the "background" color is overlapping on the previous line of text. i know i need to maybe shorten the height of the actual highlight element but i'm kind of a noob with css. if you look at the second example i provided it looks perfect because the highlight goes BEHIND the second line of text and i love the look of the highlight kind of touching the next line of text {am i even making sense?!} any ideas?? here is the code i added for reference: h2 strong {background: linear-gradient(to bottom, #F7F7EF 60%, #E6F09D 40%);} h1 strong {background: linear-gradient(to bottom, #F7F7EF 60%, #FECF97 40%);} thanks in advance!
  6. Site URL: https://www.nonprofitnomad.com/about Hello, I'm having a recurring issue on sites I'm building where bulleted lists that are separated into side-by-side columns on desktop get stacked on mobile with a space between them. How do I eliminate the space? Please see screenshots of how it looks on desktop and the space that appears on mobile that I'd like to get rid of. The URL is https://www.nonprofitnomad.com/about. Thanks in advance!
  7. codepen:https://codepen.io/robin-dela/pen/KKPYoBq I have been trying to add this code into my sight, but I cannot seem to make it work. I have also tried adding it to a new section that uses the new Squarespace fluid engine and it appears to not even work at all versus applying the code to a code block in the previous version. Any help with this would be greatly appreciated!
  8. Site URL: https://drum-bulldog-l9ef.squarespace.com/layout Hi, I’d like to be able to make a text block full width in Brine 7.0. I created a blank page and the Image Blocks can be full width, but the Text blocks seem constrained. I would like to be able to mix in full width Text Blocks along with columns on the same page. I would also like to do this on other of pages on my website. Please see screenshot which hopefully explains what I am trying to do. https://drum-bulldog-l9ef.squarespace.com/layout PW: 12345 Thanks πŸ™‚
  9. How to create text or any element, can fix on scrolling? for the example using this website: https://basement.studio/ bandicam 2022-08-13 11-13-46-634.mp4
  10. Site URL: https://www.inspireconference.tv/ Hey guys, im trying to do this effect that i saw on this Website. It's an on hover effect and when you hover over the image of one of the speakers, the img darkens and the text disappears but more text (the description of the person) appears. How would i do this using css? I currently have //this darkens the img. (turns opacity down on hover over .5 seconds) #block-yui_3_17_2_1_1659569849378_173807:hover { -webkit-filter: brightness(20%); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all 1s ease; transition: all .5s ease; } But when i try so add another #block after hover, like this it wont work: #block-yui_3_17_2_1_1659569849378_173807:hover #block-yui_3_17_2_1_1659569849378_572143 { opacity: 0; } #block-yui_3_17_2_1_1660170606940_7219 { opacity: 100% } { -webkit-filter: brightness(20%); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all 1s ease; transition: all .5s ease; } Please help me figure out what i can do to make this work. Thanks guys.
  11. Site URL: https://bettertotalk.com Hi, I'm trying to find a better way of aligning the text in my footer so that the opening times are aligned. I think that TAB should work but in Squarespace pressing that key cycles around blocks. I have used the space key in the image below but obviously they aren't quite lined up. I also tried to use 2 different text blocks, but as you can see in the 2nd screenshot, they start to overlap when on a smaller screen. Is there a way to implement this? Thanks in advance!
  12. Site URL: https://www.jeannemarie.space/ I currently have two pieces of code in place right now to make a sticky effect, but I have some issues I wanted to fix if possible! *current code : @media screen and (min-width:768px) { .fe-block.fe-block-yui_3_17_2_1_1660163627625_1012844 { position: sticky; top: 0; position: -webkit-sticky; z-index: 999; } } @media screen and (min-width:768px) { .fe-block.fe-block-yui_3_17_2_1_1660163627625_717246 { position: sticky; top: 0; position: -webkit-sticky; z-index: 999; } } The element(s) I want to be "sticky" are the yellow circle (which is an image block) and the "my work" text (which is a text block overlapping the circle). First, I want the combined element to start moving with me in the middle of the page as you begin to scroll, not start moving at the top of the page like it is now, because it interferes with my sticky navigation menu and just doesn't have the landing effect I want that way. Second, I also want to know if there's a way I can make the two elements stay together while they scroll and not break apart like they are now when they move. If the simple solution is to make this a single element as a button instead of custom text and image background then that is fine. Last and most important thing I want to try to accomplish is for the sticky effect to end within the same section right after the " I collaborate with small businesses..." paragraph. P.S. I also want this effect on mobile, but my current code doesn't seem to do that...
  13. 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. They simply appear with a slight bounce but does not proceed to display the following words written) Can anyone tell me what needs to be adjusted in order for it to properly work on 7.1? This is exactly what I need and is the closest thing I have found for my site. I am not very good nor familiar with coding, so any help is more than appreciated. Thanks!
  14. Hi! Up until today, I have never had an issue with text wrapping around images in Squarespace. Is this due to a new update? For blog posts, I like to drag and drop images to the right hand side of the screen, with the text wrapping around it. I'm now unable to do that. Is anyone else having this issue? Or does anyone know how to fix it? Thanks for your help!
  15. Hello, I am trying to hide my "shop" title on the storefront page, but keep the category titles on each category page. My site is not live, but here are screenshots. Any help at all is appreciated. Thank you!
  16. Site URL: https://armyoflove.co/new-projects I'm looking to use the Events summary to highlight new music albums. Ideally, I'd like to be able to edit the link in which clicking the thumbnail photo takes the user. I do not believe this is possible, however I do think it's possible to disable the links on TITLE and PHOTO. I used the following code and it seems to work half the time, and half the time the photos and titles are still clickable - which leads my users to an empty page. here's the code: <style> .summary-item-list .sqs-gallery-image-container { pointer-events: none; } </style> <style> .summary-title-link { pointer-events: none; } </style> Can you assist? Thank you.
  17. Hello, I would like to add a section of text (header with couple paragraphs) in multiple blog posts. I would also like to be able to update the text from time to time. Is there a way to do this with a code block and some custom coding? I don't believe there is a native Squarespace feature that can perform this task.
  18. Hello! I am looking to add a rotating word in my header. Does anyone know what code I would use for this?
  19. Site URL: https://www.caroline-shenaz-hossein.com/portal-main Hello, I'm customizing my calendar, and have figured out a couple things, but one thing i can't seem to manage is to change the color of the month, numbers, and arrows. I've attached a picture below. Basically my question is: How do i change the colour of the text of each month from red to white? How do i change the colour of all the numbers on the calendar from black to white? and How do i change the colour of the arrows from black to white? The usual h1, h2, h3, p, doesn't seem to work. link: https://www.caroline-shenaz-hossein.com/portal-main (the other bright colours are just so i can see what the code is doing, i won't keep them πŸ™‚ )
  20. Site URL: https://americantailors.com.au/ Hi guys, I would like to enquire about the website listed above. How do I make a text subsection change to an image on hover? Further, how can I do this over a background image? Many thanks in advance!
  21. Hi, I am trying and failing badly at doing something incredibly simple. I have image blocks on the website I am creating. I want them to display some (simple) title/caption text when the mouse hovers over them. The sort of thing that happens here: https://techstacker.com/display-text-on-hover-with-html/ when you hover over the rubix cube, it says "The Rubik's Cube. A 3-D combination puzzle toy invented in 1974 by Hungarian sculptor ErnΕ‘ Rubik" For whatever reason I have been struggling for hours to figure out how to do this in squarespace. I would be very grateful for any assistance.
  22. Hello! I cannot share the site I am on but I can share a snippet of an issue I am having. I am trying to put a cool block background behind some text as a text style but it always goes full width. I don't want this to span the full width of the page. Putting a spacer on each side becomes problematic when scaling the page. Does anyone have any code? What I used is below: // Type Style Purple // #block-b3b375abb1ec025926c0 { background: #c40aff; padding: .2rem, .2rem, .2rem, .2rem; max-width: 200px; } // Type Style Purple // It's also not centered properly. Any help would be great!
  23. Site URL: https://www.organizeprioritize.net/services I would like to create a full-width beige bar behind the "Consultation" text seen here. I've used CSS to color in the text box, but is it possible to have the beige go full-bleed? The home page has a full-width beige bar, because it's an index page. Is it possible to create a similar look on a regular page?
  24. Hello everybody! I am wondering if there is any possibility to change the text of the shopping cart(the title, the button text, etc.) to the language I want, or maybe I can edit it somehow? Any information will be appreciated! πŸ™‚
  25. Hey all, So I have added an underline to the active nav bar item using the follow code - .Header-nav-item--active { border-bottom: 1.5px solid #a96628; } The result is almost right, however the line overshoots the text slightly. This seems to be because the text has some kind of padding to the right and so the underline extends all the way to there ( see images below). Any ideas how I might eliminate this so that the underline is exactly the same width as the text? (This is using a Brine template in 7.0) Thanks in advance!
  • Create New...