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

Search the Community

Showing results for tags 'style'.



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
  • 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

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


Badges


Expert ID

Found 173 results

  1. Site URL: https://www.lendingpot.sg/blog/2020/save-and-start-digital-with-dbs-uob-ocbc-and-maybank Hi, I have recently published an article and I am not sure how to make the last table in the article to fall within the article instead of ending up below the footer. I have been using the same codes for previous articles and there isn't any problem.
  2. Site URL: https://rafida.org Hey, In the attached image you can see the button that says 'CARD'. This is the inbuilt 'donate' function on Squarespace. Is there any way to control the style of the button? We want it to look like the other buttons on the right and left of it. I could not find any non-code way to adapt the style through Squarespace. Thanks Website access:rafida.orgpass: lastphasetesting3
  3. Hi forum Do anyone know the class to target to edit the built-in fade effect in the Index Galleries? Managed to target the entire galley but that also fades the titles
  4. Site URL: https://chroma.agency So, I'm digging into Accessibility and learning about how to properly structure font headings and paragraphs β€” however, I quickly realized that most articles and even regulations have no mention of multiple <p> tags on a site... so where do the .sqsrte-large (P1) & .sqsrte-small (P3) tags fall in the scheme of things? I've always used them pretty liberally, as having more styles to work with is usually helpful. But, I certainly don't want to use them if they're negatively affecting accessibility or site crawling by search engines. Any help would be much appreciated. Cheers!
  5. On the new 7.1 design settings I go into Fonts and only see about 20 different fonts separated into 3 categories. Where are the 600+ Google fonts I see advertised on Squarespace guides? My client wants to use the font Georgia and all help guides tell me that it should be there when I scroll down (I'm guessing they are all outdated guides now). Can someone please help me find more fonts?
  6. Site URL: http://jordanakozy.com Hello! I'm trying to stylize the hover on hyperlinks in different blocks (text, image blocks etc.) They all have different native styles. I used: h3 a:hover,{color: #309166} for headers and it worked. Does anyone know code for normal text and for image block text?
  7. Site URL: https://coverkitchen.squarespace.com Hello I am using version 7.1. My website shows a book cover design portfolio with subpages for each book genre. I have created a secondary navigation menu on the footer to access directly to each genre using text with hyperlinks. The header navigation menu changes to back on hover and remains black and also underlined when the linked page is currently viewed. My question is: how can I apply a style to the text on the footer that behaves exactly the same way as the header navigation menu? Now, when I have the same hover effect on the footer, but when I click and view the linked page, the text does not remain in black and does not get underlined.For example, when I click on "Novel" and go to that page, the hyperlink text does not show that this genre is currently selected. See a screenshot attached of the "Novel" page after I clicked on "Novel" hyperlink text on the footer. Is there any way to achieve this using coding? Many thanks in advance! Best wishes, Xavier
  8. Site URL: https://www.vitliving.com/ Is it possible to expand the width of the site Main Navigation in the Header? I'm anticipating adding more pages to the navigation and don't want it to start appearing too crowded. https://www.vitliving.com/
  9. Hi, I would like to have my navigation links either side of my logo. I'm currently using Irving template and is doesn't look like this template supports this feature. What templates do support this feature? I'm using the latest version of Squarespace.
  10. Hi Everyone! Hope everyone is being safe! I was looking through the templates and I'm trying to match it up with this layout from https://www.sunupapp.net/ Can anyone help??? Thank you so much!
  11. Hi all, I am trying to edit the styles for the newsletter block fields. I would like to make "First Name" and "Email Address" appear smaller and uppercase to match the style of "JOIN THE CLUB" (image attached) Has anyone had any luck finding/writing code that will do this? I spent a day trying out various bits of code and writing my own, and haven't been successful Any help much appreciated!
  12. Hi, I am using Rover and have text blocks in which I use different text styles (h2, h3, and normal text). Squarespace adds ugly large blanks between the text lines that use different styles and I can't figure out how to remove these blanks. Holding shift+enter does not work, as it won't allow me to then use separate styles. Adjusting the line-height only affects the height within the same text style, not the space between different styles. My page can be accessed here: http://bit.ly/2qLDxt0The problem can be found when scrolling down to ".02 programme" Many thanks for your help!
  13. Hi, I'm working on a website and want to add a coloured background to one of the pages under my index page. I've tried using several css codes online but I'm totally new to css and nothing has been working so far. Does anyone have any idea how to go about this? I'm using the Bryant template.
  14. https://glockenspiel-iguana-m2r3.squarespace.com/horses PW: wally I'm creating a site (7.1) for an artist using blog collections as a way to present 50 pieces of art. One collection has primarily horizontal images whereas the three other collections have a mix of horizontal and vertical images. When I adjust the blog format in the editor, the changes are global for all blog collections. Is there a way to style a single collection so it presents Horizontal images and the other collections are vertical images?
  15. Site URL: https://nowopen.squarespace.com Hi Guys, Im trying to make the footer smaller for my website but i cant seem to figure it out, can someone please help. Thank you, https://nowopen.squarespace.com password: nowopen
  16. My site- motocrane.com is generally comprised of dark banners with white Body Text. However, the product variant drop-downs have a white background, so the white body text is not readable. How do I change my product variant text to black without affecting the rest of the site style?
  17. Site URL: https://chiton-dandelion-6p2j.squarespace.com/ Hello, New Squarespace user. I would like to have all my buttons like option number 13 (sliced button) on this page: https://webdeasy.de/en/top-css-buttons-en/ The code I'm looking to apply is this one (CSS): body { background-color: #ff8a80; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; height: 95vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*--Button Styles--*/ .btn-slice { padding: 1.2rem 2.5rem; border: 2px solid #ffffff; border-radius: 0rem; color: #ffffff; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.3rem; position: relative; -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */ -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */ } .btn-slice .top { position: relative; height: 6px; overflow: hidden; top: 0; -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */ -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */ -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */ -webkit-transition-delay:0.35s; -moz-transition-delay::0.35s; -ms-transition-delay::0.35s; -o-transition-delay::0.35s; transition-delay::0.35s; } .btn-slice .bottom { position: relative; height: 6px; overflow: hidden; bottom: 0; -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */ -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */ -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */ -webkit-transition-delay:0.35s; -moz-transition-delay::0.35s; -ms-transition-delay::0.35s; -o-transition-delay::0.35s; transition-delay::0.35s; } .btn-slice .bottom span { top: -6px; position: absolute; left: 0; } .btn-slice:hover .top { top: -5px; -webkit-transition-delay:0.35s; -moz-transition-delay::0.35s; -ms-transition-delay::0.35s; -o-transition-delay::0.35s; transition-delay::0.35s; } .btn-slice:hover .bottom { bottom: -5px; -webkit-transition-delay:0.35s; -moz-transition-delay::0.35s; -ms-transition-delay::0.35s; -o-transition-delay::0.35s; transition-delay::0.35s; } .btn-slice:hover, .btn-slice:focus, .btn-slice:active { margin-left: 10px; } .btn-slice:before{ content: ''; height: 1px; width: 60px; background-color: #ffffff; position: absolute; margin-top: 6px; right: -35px; -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */ -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */ } .btn-slice:hover:before{ width: 130%; } Can anyone guide me on how to do this? Or point me out to a guide that shows this? Thanks Resources
  18. Site URL: https://iguana-lettuce-tjr8.squarespace.com/ I am trying to stylise the contact form on my webpage. I have managed to do this for the white section but i need an inverted version for the dark theme. I also would like the font for the form to be Averta but this doesnt seem to be picking it up. .form-wrapper .field-list .field .field-element{ border:none; border-bottom: 2px solid; border-color: #000000; background: #fff; font-family: 'AVERTA BLACK'; }
  19. Site URL: https://www.libbypeterson.com Does anyone know what template has a scroll like this? If it isn't a template feature, is it something that can be easily added via HTML or CSS? thanks
  20. Site URL: https://fleapitofficial.com/ Hey! I'm wondering if theres any CSS that i can use so that the date and author are seperate. I want the author to be under the category like it already is but i'd like to be able to edit so that the date is on the far right of a blog post. so there is a large gap between the author and date. Also if i could edit so that the date says "3 July, 2020" rather than just "Jul 3" Heres the link to my site. Just go to Film reviews and any of the first 3 posts are examples. https://fleapitofficial.com/ Thanks! :)
  21. Hi, is there a way to control the height of portrait-format images so they match the screen height in a masonry layout? Also, are there possibilities to tweak the layout, so that for example I could have a landscape image spanning two columns? I am trying to recreate something similar to my current website: https://felixbrueggemann.com/project.php?pid=87 Thanks, Felix
  22. Site URL: https://fleapitofficial.com/ Hi, Was just wondering if anyone knows of a plugin or css where i can change my blog list page to look like individual cards. Id like it to have the style of the 7.0 Tudor template but would like to keep it in 7.1. I have a side by side blog layout and would like it to have the 3D style as pictured just in 7.1 instead of 7.0. Thanks.
  23. Site URL: https://www.suziappelphoto.com.au Hi, Can I use CSS to set the colour for the announcement bar? I want the background to be the same as the Header but with a white font colour not how it currently is. This is in 7.1 and I cannot find where to customise it. Thanks, Leanne
  24. By default, all product detail "back-links" go to the product page from which that product lives, but I have a different page that contains multiple product pages as summary blocks. I would love to have the "back-link" go back to my master page.
  25. Site URL: https://www.stpaulstrust.org/ I am having the worst time trying to learn the new 7.1 system. It seems to be far less customize-friendly than 7.0, and I cannot figure out how to remove the strikethrough effect on active links in my navigation (which should be an easy enough task). I tried looking in font settings and am now trying to code it out, with no luck there either. .header-nav-item a { text-decoration: none!important; } .header-nav-item a:hover { text-decoration: none!important; } .header-nav-item--active a { text-decoration: none!important; } Has anyone else experienced this issue and have you found a solution?
Γ—
Γ—
  • Create New...