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

Search the Community

Showing results for tags '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 605 results

  1. Hi, I was told by Squarespace Support that it is not possible to change the font size for Summary Blocks natively within Squarespace. Changing the text in the place of origin wouldn't work for changing the font size either. I need to make the body / bio font seen in the image block bigger using CSS only for this specific summary block without impacting the global or rest of the sites' style - will someone help me write the necessary CSS lines?
  2. I have added some CSS to make my blog post background semi-transparent. It looks great when I have the Design tab open but doesn't show up after the page has been refreshed or if I open my site in a new webpage. The weird part is that it fixes itself every time I reopen the Design tab. Here's the CSS I added: Here is what it should look like: Here is what it actually looks like: You can view my website here: https://lion-wedge-b4fc.squarespace.com/ password is 12494
  3. hello, is there a way to hide the links at the bottom of an event's [individual] page that link to past or future events? CSS
  4. Is it possible to reorganize content on the event-item page? For example, in the event's content section, I have a lightbox form "request a quote". I would like to move the form over to the event-meta-data section (on the left) and have the rest of the content on the right, and all centered in mobile view. Is this possible? Also, is it possible to show the "request a quote" form but not the picture and additional content on the event-list page?
  5. Hi. WhenI click on an image the lightbox goes full screen. Is there a way to make a smaller lightbox?
  6. Can I make the gallery carousel larger on mobile?
  7. Hey Guys! I've already used custom CSS to adjust the mobile fonts on my site, however, I can't figure out how to adjust the size of the product titles in mobile view. I'm using the Jaunt template. Any help would be great...thanks!
  8. Hello, I would like to remove the background color from my navigation header but only on some pages. What would be the correct code snippet for it? Is it also possible to make a portfolio grid fullwidth and show a short description under the project title? My website is https://dove-turkey-3mnz.squarespace.com/ Password: cs I use Squarespace 7.1 Thanks for your help!
  9. How can I increase the size of a carousel on mobile? Also, I have obtained a css code to allow rotating words on the home page, as well as the html for it. But, it doesn't display right on mobile. How do I fix this? Here's the code: // Rotating Word 1 // .rotating-words-1 span:nth-child(2) { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; color: #4FEAAB; } // Rotating Word 2 // .rotating-words-1 span:nth-child(3) { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; color: #4FEAAB; } // Rotating Word 3 // .rotating-words-1 span:nth-child(4) { -webkit-animation-delay: 9s; -moz-animation-delay: 9s; -o-animation-delay: 9s; -ms-animation-delay: 9s; animation-delay: 9s; color: #4FEAAB; } // Rotating Word 4 // .rotating-words-1 span:nth-child(5) { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; color: #4FEAAB; } // Rotating Word 5 // .rotating-words-1 span:nth-child(6) { -webkit-animation-delay: 15s; -moz-animation-delay: 15s; -o-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s; color: #4FEAAB; } // Rotating Words // .rotating-words{ display: inline; text-indent: 5px; } .rotating-words-1 span{ position: absolute; opacity: 0; overflow: hidden; color: #6b969d; -webkit-animation: rotateWord 18s linear infinite 0s; -moz-animation: rotateWord 18s linear infinite 0s; -o-animation: rotateWord 18s linear infinite 0s; -ms-animation: rotateWord 18s linear infinite 0s; animation: rotateWord 18s linear infinite 0s; } // Rotating Animation Keys // @-webkit-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px);} 17% { opacity: 1; -webkit-transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -moz-transform: translateY(-30px); } 5% { opacity: 1; -moz-transform: translateY(0px);} 17% { opacity: 1; -moz-transform: translateY(0px); } 20% { opacity: 0; -moz-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -o-transform: translateY(-30px); } 5% { opacity: 1; -o-transform: translateY(0px);} 17% { opacity: 1; -o-transform: translateY(0px); } 20% { opacity: 0; -o-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -ms-transform: translateY(-30px); } 5% { opacity: 1; -ms-transform: translateY(0px);} 17% { opacity: 1; -ms-transform: translateY(0px); } 20% { opacity: 0; -ms-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; transform: translateY(-30px); } 5% { opacity: 1; transform: translateY(0px);} 17% { opacity: 1; transform: translateY(0px); } 20% { opacity: 0; transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } }
  10. Hi. I just added a html block to my website. It looks perfect on desktop. But, I don't know how to get it to display correctly on mobile. Anybody have an idea? Here's the css code. Thanks! // Rotating Word 1 // .rotating-words-1 span:nth-child(2) { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; color: #4FEAAB; } // Rotating Word 2 // .rotating-words-1 span:nth-child(3) { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; color: #4FEAAB; } // Rotating Word 3 // .rotating-words-1 span:nth-child(4) { -webkit-animation-delay: 9s; -moz-animation-delay: 9s; -o-animation-delay: 9s; -ms-animation-delay: 9s; animation-delay: 9s; color: #4FEAAB; } // Rotating Word 4 // .rotating-words-1 span:nth-child(5) { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; color: #4FEAAB; } // Rotating Word 5 // .rotating-words-1 span:nth-child(6) { -webkit-animation-delay: 15s; -moz-animation-delay: 15s; -o-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s; color: #4FEAAB; } // Rotating Words // .rotating-words{ display: inline; text-indent: 10px; } .rotating-words-1 span{ position: absolute; opacity: 0; overflow: hidden; color: #6b969d; -webkit-animation: rotateWord 18s linear infinite 0s; -moz-animation: rotateWord 18s linear infinite 0s; -o-animation: rotateWord 18s linear infinite 0s; -ms-animation: rotateWord 18s linear infinite 0s; animation: rotateWord 18s linear infinite 0s; } // Rotating Animation Keys // @-webkit-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px);} 17% { opacity: 1; -webkit-transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -moz-transform: translateY(-30px); } 5% { opacity: 1; -moz-transform: translateY(0px);} 17% { opacity: 1; -moz-transform: translateY(0px); } 20% { opacity: 0; -moz-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -o-transform: translateY(-30px); } 5% { opacity: 1; -o-transform: translateY(0px);} 17% { opacity: 1; -o-transform: translateY(0px); } 20% { opacity: 0; -o-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -ms-transform: translateY(-30px); } 5% { opacity: 1; -ms-transform: translateY(0px);} 17% { opacity: 1; -ms-transform: translateY(0px); } 20% { opacity: 0; -ms-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; transform: translateY(-30px); } 5% { opacity: 1; transform: translateY(0px);} 17% { opacity: 1; transform: translateY(0px); } 20% { opacity: 0; transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } }
  11. Hello guys, i'm really struggling to find away to change the color of the placeholder text within my form fields. I can change the background color of the form fields but not the color of the text. The placeholder text does not stand out enough when the background color is anything but white. Does anyone have any suggestions?
  12. Hey my website is dopesagittarius.com I have tried every version of css recommended on the forums to get the home text to disappear from my website but it wouldn't dissapear. Please advise on how I can get this done thanks in advance.
  13. Hello, I'm using the Five template - I'd like the last item in my navigation menu - 'Gift Guide' - to be in Red font. I'd like all other labels in the Navigation menu to remain in current format. www.roundtriptraveler.com
  14. How do I make the announcement bar stick to the very top on mobile? Thanks! Right now it's on top on the desktop version, but at the bottom of the header on mobile.
  15. Hi. I'm attempting to change the opacity of my banners on mobile as the parallax is falling too far behind the text and making it difficult to read. Can anyone advise a CSS injection that would change the banner opacity on mobile only so that the banner is more faint? Many thanks in advance,
  16. Hi there, I'm trying to remove the logo from my site on squarespace. I've tried the following code on Custom CSS and advanced settings on the specific page I want to remove the logo, still no luck: Custom CSS: body.homepage #logo { display: none } #collection-5751ef224c2f85ec493b876a #logo { display: none } Advanced Tab: <style> #logoImage{ display: none } </style> Any help would be greatly appreciated!
  17. Greetings - I'm looking for a way to make the "quantity" text box on the Cart Summary and Check out pages "read-only". I added this code to the "Cart Summary" page, which seems to work... .CartTableRow-itemQuantity-LwuRx { pointer-events: none !important; } ...but I cannot make it work for the final "Check out" page. (attached and marked areas I'd like to be "read only") Thanks in advance! Isaac
  18. 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
  19. Hi! I am trying to reorder my categories with CSS and I can't seem to get it quite right. I would like the categories to be (1) Top Hits, (2) Flavor of the Week, (3) Seasonal Specials, and (4) Frozen Dough. The website is available here: https://www.rebeldaughtercookies.com/cookies Any and all help is appreciated!
  20. Anybody know how I can hide the navigation menu in mobile (both tablet and phone) and use a hamburger or like navigation instead? Also, Id like to create a header on my home page with a few phrases at the end that rotate between them. Any idea how? Thanks!
  21. Hi! I created a split screen banner using flexbox, and I'm having a hard time getting the elements to stack on mobile, rather than stay squished on one line. This is the page I'm working on: https://www.augustbitters.com/home Would greatly appreciate any assistance I can get as my computer is on the verge of being thrown out the window 🙂
  22. Can anyone help with the CSS needed to change the font colour in the quote block of the Miller template please? I have had a hunt around but nothing that deals with the text colour. https://www.vibeyogaandpilates.co.uk/pilates P/W mysite100 Thank you in advance!! 🙏🏻
  23. Hello, I have an image gallery and I've arranged images alphabetically based on manufacturers. Is there a way I can have some sort of index with all the letters where the viewer selects a specific letter and goes down the page to the corresponding section? This is the blank page I'm working on: https://mastercarsreview.com/gallery Thank you so much in advance!
  24. Hi, I'm using the Harris template and I want to know if there is a way to stack my secondary nav items on top of each other aligned left. Rather than showing inline. I have tried adding <br> into the secondary nav items but it does not separate the three.
  25. Hello, My website is multilingual, German and English. I have two variants of every page of my website. On summaries, is there any way to translate the "Read More" link using css. I know how to target the the link to change colours or text, but is it possible to have my website show "Read More" on my English site and "Weiterlesen" on my German site? Greetings from Hamburg, Max
×
×
  • Create New...