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


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 75 results

  1. Hello! Please help if you know advance 7.1 styling or coding! I'm trying to customize my site's font colors in 7.1 . I've gone through the Site Styles and changed the color palette in the general Advanced section, and changed specific items in the Customize section of specific "sets". Also tried deselecting the current theme in sections to have it take on the global style. But no matter what I do, I can't change all the font colors on my site. Specifically, the client wants all her titles and image overlay captions and most text to be Blue. Can anybody help out with this? Do I need to use code? Just a note Squaspace, this is a SUPER important aspect of being able to customize a site, and I wish there were an easier way to do this. I get lost in all the options that are laid out in different parts of the editor. Think others are having this same problem as well!
  2. Site URL: http://gc5.squarespace.com#/en/news/webinar-emlogistics-in-motionemstrong-23-de-abril-de-2020strong%3C/a%3E%0A%3C/p%3E%0A%0A%3Cp%3E%0A%09I'm%20also%20attaching%20the%20site%20structure%20so%20it%20help%20understand%20everything.%0A%3C/p%3E%0A%0A%3Cp%3E%0A%09Thank%20you%20very%20much!%0A%3C/p%3E%0A%3Cp%3E%3Ca%20href=%22%3CfileStore.core_Attachment%3E/monthly_2020_06/374589062_ScreenShot2020-06-24at9_48_50AM.png.c3639146cbb6f72c24b0c361ae96897c.png%22%20class=%22ipsAttachLink%20ipsAttachLink_image%22%3E%3Cimg%20data-fileid=%2276410%22%20src=%22//forum.squarespace.com/applications/core/interface/js/spacer.png%22%20data-src=%22%3CfileStore.core_Attachment%3E/monthly_2020_06/1138295493_ScreenShot2020-06-24at9_48_50AM.thumb.png.58e88e0f45d35160fb47a712930d368d.png%22%20data-ratio=%22255.97%22%20width=%22293%22%20class=%22ipsImage%20ipsImage_thumbnailed%22%20alt=%22Screen%20Shot%202020-06-24%20at%209.48.50%20AM.png%22%3E Hi everyone: I'm using the following code to display different headers depending on the language of the page the user is. Pages in portuguese: <style> .header-nav-list>.header-nav-item:nth-child(odd) { display: none; } .header-menu-nav-folder-content>.header-menu-nav-item:nth-child(odd) { display: none; } .header-nav-item:nth-child(2) { position: absolute; left: 220px; top: 45%; width: 35px; background-image: url(https://static1.squarespace.com/static/5e67b3c9620bda7888c9d30f/t/5ede6e5005c57c3f0e700786/1591635536379/canada-flag.png); background-size: contain; background-repeat: no-repeat; } .header-nav-item:nth-child(2) a{ position: absolute; top: 0; left: 0; opacity:0; } .header-nav-item { padding: 15px 0; } .header-nav-item:nth-child(12) { background-color: #a61c00; padding: 15px 30px; } .header-nav-item:nth-child(12) a { color: #ffffff !important; } .header-nav-item:nth-child(12):hover { transform: scale(1.05) translateY(-3px); } .header-nav-item:nth-child(12):active { transform: scale(1) translateY(0); } .header-nav-folder-content { background-color: #a61c00!important; } .header-nav-folder-content a { color: #ffffff !important; } </style> Pages in English <style> .header-nav-list>.header-nav-item:nth-child(even) { display: none; } .header-menu-nav-folder-content>.header-menu-nav-item:nth-child(even) { display: none; } .header-nav-item:first-child { position: absolute; left: 250px; top: 45%; width: 35px; background-image: url(https://static1.squarespace.com/static/5e67b3c9620bda7888c9d30f/t/5ede6e4e4379cc4af534e1d1/1591635534665/brazil-flag.png); background-size: contain; background-repeat: no-repeat; } .header-nav-item:first-child a{ position: absolute; top: 0; left: 0; opacity:0; } .header-nav-item { padding: 15px 0; } .header-nav-item:nth-child(11) { background-color: #a61c00; padding: 15px 30px; } .header-nav-item:nth-child(11) a { color: #ffffff !important; } .header-nav-item:nth-child(11):hover { transform: scale(1.05) translateY(-3px); } .header-nav-item:nth-child(11):active { transform: scale(1) translateY(0); } .header-nav-folder-content { background-color: #a61c00!important; } .header-nav-folder-content a { color: #ffffff !important; } </style> These codes are applied with code blogs in each individual page. The following media query I added to the Custom CSS settings, so it applies to all pages on the mobile version, to fix the drop-down menu. @media screen and (max-width: 800px) { .header-menu-nav-folder:not([data-folder="root"]) .header-menu-nav-folder-content .header-menu-nav-item { display: block !important; } } My question is: How can I fix the individual blog posts so they display the correct header (same as the english pages). Now, none of this styles is applied on those pages. Example: https://gc5.squarespace.com/en/news/webinar-emlogistics-in-motionemstrong-23-de-abril-de-2020strong I'm also attaching the site structure so it help understand everything. Thank you very much!
  3. Site URL: https://livingbeautifuldecorating.squarespace.com Hello! I created an anchor link for selected text and my site automatically changed the font color to match the CSS for link font color. I need custom CSS to override that original CSS and leave the font color black. I tried using my block ID and different variations of this CSS but to no avail: //pricing font color// #block-4963316e9c624e125bcc { font-color: black !important; } My site is 7.1 and the PW is LBweb311 TYIA!
  4. Hello, I've managed to customize the font throughout my website, but I can't seem to change the product titles on the shop page (the product description and price worked fine). I've tried custom css I've found on these forums to no avail so I'm wondering if it's a new issue. I'm using Squarespace 7.1 and the theme is Palmera. Any guidance would be appreciated!
  5. Site URL: http://www.theroyalcodes.com Hi fam, I have been scouring the internet and the forums to figure out how to change the Shopping Cart page color theme to match the rest of my website. Everything else on my site is 'White Minimal' theme, but I can't seem to change the theme of the shopping cart page. Am I missing something? I have figured out how to change the background of the Shopping Cart page through custom CSS, but it looks like it will also require me to custom color all of the elements to get it to look the same as the white minimal theme. before I take the time to do all of that, I wanted to see if there is a faster way to do it. Any secrets I don't know about? πŸ™‚ Thank you for your time, Ryan ps: custom css I started doing was: .cart { background-color: white; a, h1, h2, h3, p { color: black; } }
  6. Site URL: http://fiddle-star-slwl.squarespace.com/ Hi there, I have a webpage where I have several full page background images in order with a central 'title' graphic (PNG with transparency) on each... on the first frame the title is offset by the header space, which knocks the title graphic down in frame on the first background image. Is there a way to override this so that the graphic remains central to the background image - not just in the space between the bottom of the header and the bottom of the first image? I'm using 7.1 Help greatly appreciated Adam
  7. I would like to know the way to add a horizontal line between each products (STORE PAGE) for only mobile view. Because the vertical gaps between products is not enough, It is not clear that which an image is belong to a caption on mobile view. (column is 1.) So I want to add line between products to divide. *I am using version 7.1 Thank you in advance.
  8. Site URL: https://livingbeautifuldecorating.squarespace.com I need to add spacers to a grid, but the minimum width allowable via manual adjustment is simply too wide. Is there custom code available to edit that block? My site PW is LBweb311. TYIA!
  9. Hi everyone! I use the Brine template, and am trying to figure out how to keep my hero banner and header to the full width of the screen, while keeping the body content constrained. I've tried using the following: body { max-width: 960px; margin: 0 auto; } This does change the content to the width I want it at, but unfortunately also squishes the hero banner into the same size. Is there any way I can achieve the look I want without using spacers on the page? Thank you!
  10. I'd like to have my logo centered but my menu on the right. Currently the only option for a centered logo is to have the menu on the left with the Bergen Template I'm using. Has anyone discovered the css for this? Thanks in advance!
  11. Site URL: https://www.owltearooms.co.uk/online-shop Hello, I'd like to justify and align the 'Add to Cart' buttons so they are the same horizontal rule, this is because some of the titles of the products are longer which pushes the button down, please see the attached image. I'd like to know if there's some code which I can use to align the add to cart buttons? Thanks.
  12. Site URL: http://practicallygeek.com Hello I've used custom css to get a header image for behind my logo, this in header-top section but when I view this in mobile it only shows my logo and menu button. Ive also got this image in my footer and this does appear on my mobile view. Is there a way to show the top header background image on mobile view? Thank you
  13. Site URL: https://www.rainbowbridge.love/ Hey - I was surprised to hear that 7.1 templates don't have an option to put a search bar in the header nav as an always on. Building an ecomm site I figured that would be pretty standard. I don't want to put it on individual pages as that would mess with the flow and design. Any ideas for custom code to have a search bar in the header nav?
  14. can anyone help with changing the custom css on this footer? I want the part that says want to stay updated the same font as the submit button. I have custom CSS for the other parts of the site but the footer is still a weird font. Thanks!
  15. Site URL: https://attorneyaaronromano.com/ I'm trying to make a text block only be visible over an image in mobile view and be hidden when viewing the website in desktop view.
  16. Site URL: https://www.jaiminee.com/ I followed this guide on how to insert a table into SS and I'm pretty happy with how it's turned out, but, with no prior knowledge of code, I don't know how to make sure all the columns are equal in size. Currently all the cells are set at 4px padding. Could anyone help? Thanks, Amy
  17. Hey I'm hoping someone can help me with this text styling issue I'm having... I'm trying to center some styled text that text that I've placed on a page with code. I'm using some CSS to create a highlighted text look (see image). I've added this CSS code in the custom CSS panel: .highlight { background: linear-gradient(180deg, rgba(255,255,255,0) 65%, #edb6ac 65%); display: inline; } And I've inserted this code onto the page where I want the highlight text to appear: <h4 class="highlight">β€œWhen I create my free-flowing abstract artwork, I switch off from the day to day and mindfully immerse myself in my creative practice.”</h4> It all looks great, except that I'm trying to center the text and can't get it to work. This is on Squarespace 7.1. Any assistance would be greatly appreciated πŸ™‚
  18. Site URL: http://charred.squarespace.com Hi there, I can't seem to locate the proper style to change the button fonts on my site. Ok with the rest, but buttons are being problematic. Please help! CSS: @font-face { font-family: 'Chairdrobe-regular'; src: url(https://static1.squarespace.com/static/5ebb082d8148b13aaa27331a/t/5ecd1ce75e861630ff1f359a/1590500583301/Chairdrobe+Regular.ttf); } .sqs-block-button-element { font-family: 'Chairdrobe-regular' !important; } Site PW: Charred Thank you,
  19. Site URL: https://www.owensvideoclub.com/ I am working with Bailard and would like the drop down (Flue Flowers and #1 Fan) to line up with the top level navigation text (Program) with left alignment. Is there a custom CSS for this? webiste: https://www.owensvideoclub.com/ Thanks! Rachel
  20. Site URL: https://crossingtheline.squarespace.com/ Site password: ctlonline Hello, Hoping to get some help adding a background image to the homepage of my site, using Wells theme. Using custom CSS I want to add a background image that covers the blog and right sidebar, but leave the left sidebar navigation clean. I tried this but haven't had any luck: div#canvas { background-image: url(https://i.pinimg.com/564x/ca/71/f6/ca71f61e01e93adcca2683696296e787.jpg); background-repeat: no-repeat; background-size: cover; } Thanks in advance! Carly
  21. Site URL: https://runningineights.squarespace.com/ Hello! I have two issues. How do I reduce the padding globally under the header. The gap is still far too wide even when I've decreased this in section options. Also, there's a white bar that shows itself in mobile right above the footer (attached). How do I get rid of this or globally change the sites background color? Thank you so much for any help!
  22. Site URL: https://mayellre.squarespace.com/about Hello forum peeps ! Does anyone know of a way I can customize a gallery lightbox action using css (or any other way)? What I would like to happen is that when an image in the gallery is clicked, instead of showing that same photo in the lightbox, I'd like it to show a different photo. I've attached a screenshot for example. Note the text in the "new image" shown in the screenshot will be part of the image. Unless of course, you know how I can keep it live! πŸ˜„ the access password is: bennythejet
  23. Site URL: http://LAwellness.com I am having difficulty getting even spacing in my mobile dropdown menu. You can see in this screenshot that the social icons are crammed together ad the blue button at the bottom is hidden with no ability to scroll to view it. Any ideas on custom CSS to resolve this? Thank you
  24. Site URL: https://octahedron-plantain-seg7.squarespace.com/ The password for the website is "morrill@trial". I am going to make the "Sign Up for Newsletter" page 1 page (page linked to button on the footer). I want to have a red border around that page, but when I add the border in the CSS, it lets me scroll down (not what I want). I can't figure it out, is anyone able to help me? - Thank You.
  25. Hi guys! I am trying to customize the fonts on my poster block. I will attach an image off how it is showing up (yellow bold font image), and attach an image of what I would like it to look like (script and serif font image). I see in the Site Styles you can change the Title Font and Subtitle Font, but I would like to do 3 different font types... is there a way to customize or add the css for this using H1, H2, H3, H4, etc.? I am slightly a newbie at coding. I have added in an additional font in the back end, but do not know how to add it to the poster. Thanks in advance!!
  • Create New...