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


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

Found 1,112 results

  1. Site URL: https://www.cetoolsinc.com/ I used css to hide our desktop view banner on mobile with this: @ media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1594327207338_34326 {display: none;} But now there's blank space above the mobile banner, where the desktop banner would be if it wasn't hidden, seen in the picture below. Does anyone know how to fix this?
  2. Site URL: https://www.uncommongoods.studio/test-home-2 Hello, I'm hoping to replace the slideshow navigation arrows to text nav like the example below. Could anyone advise on how to do this? 🙏 https://www.2xelliott.co.uk Many thanks in advance!
  3. Greetings, I'm fairly new to squarespace and have spent the last few days trying to find a way to have a full width image background for my blog posts like you can have with regular texts blocks. So far to no avail. Is there a custom css code that lets me to that? Thank you and kind regards, Stefan
  4. Hey folks I have many rows of image stack blocks here https://www.hosetechnologies.com/industrial-rubber-hose-products What I am trying to do is have them so that each image stack block is the same height across the row I have tried adding paragraph returns etc but it is just a bodge. I have found this post below but can't figure out how to target a row and then the individual columns within the row. Any help on how to target a row and then make them all the same height would be greatfully appreciated. Tom
  5. Site URL: https://turkey-emu-sd4a.squarespace.com/ Hi all, I've added Muli and Lato as custom fonts to my site. Lato is working well but on some browsers/devices another serif font shows instead of Muli for paragraphs. My code has worked fine for another site, also using the 7.1 template, so I'm baffled. Any ideas on how to troubleshoot would be very welcome? My custom code is below and I've uploaded a pic to show my fonts have been added as custom files. @font-face { font-family: 'Muli'; src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736abe/t/5efcd5307e7bab5539c1e493/1593627952821/Muli-Regular.ttf); } @font-face { font-family: 'Lato'; src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736abe/t/5efcd4e8603e98547506a5bd/1593627880622/Lato-Regular.ttf); } h1 { font-family: 'Lato'; } h2 { font-family: 'Lato'; } h3 { font-family: 'Lato'; } h4 { font-family: 'Muli'; } p { font-family: 'Muli'; }
  6. Site URL: https://www.karitonsorbetes.com/ Hello all! I'm still fairly new to creating Squarespace website and I can't seem to get my custom fonts working! I've read and watched so many blogs about custom fonts on Squarespace and it still won't show up on desktop or on mobile...any ideas on what I'm doing wrong? Website is https://www.karitonsorbetes.com/ any help would be amazing!
  7. Site URL: https://broccoli-parrotfish-lhd7.squarespace.com/config/design/product-items Hello, I'm trying to remove the "Select" that is coded into the drop down button on variants so that I can use my own branded language. please see the image attached - I'd like to delete the "Select" right before "Pick A Place Setting Style." Any help would be so appreciated!
  8. Site URL: https://davidbrewsterwriter.com/blog I have a two level question relating to Bedford template: I want to change the 'read more' text on blog excerpts. I tried using the following custom CSS (as per other answers relating to other templates) but no luck. Bedford has a 'data-read-more' tag that I don't seem to be able to target. a.entry-more-link span { visibility: hidden; font-size: 0; } a.entry-more-link span:before { content: "Listen"; visibility: visible; font-size: 13px; } a.entry-more-link span:after { visibility: visible; } If I have more than one blog on my site, is there a way to target a change like this to a specific blog? Is it the same as targeting other pages using the relevant collection id? Thanks, David
  9. Site URL: https://www.foliumbooks.co.uk/accessories/cute-cat-bum-bookmark Hi all, If you look at the product that I have linked, any product that has a drop down is very thin and long and I'm not sure what is causing this. Has anyone got any ideas about the cause and how I can fix this? Thanks
  10. Site URL: https://dubarchitects.squarespace.com/ I'm looking to style the mobile menu so that the sub menu elements expand below the main elements when tapped, rather than open a second page with the "back" option, eliminating the need for the chevrons as well. Any help would be appreciated, thanks! I've attached two sets of screenshots. One is the current state, the other is the end goal. pw: dubarch
  11. Site URL: https://www.moonroq.club/mailer thanks in advance 🙂
  12. Hi there, I have used fontawesome to add a Down Arrow Icon to the hero section of my website using a markdown (first image attached). Is it possible to move this icon/markdown to the bottom of the section (like in the second image attached)? Site address: https://flute-teal-dp78.squarespace.com/ Password: test Thank you!
  13. Site URL: https://arugula-endive-d7pd.squarespace.com Right now on the site's homepage, you'd need to scroll down to see the footer info. I'm wondering if there is a way to have the footer sit on top/overlay the banner image so that it is visible without scrolling. The homepage is fairly simple so I think this would be a slicker look – anyone know how to achieve this? I'm using the Brine Template.
  14. Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ Hello community! https://lizard-chartreuse-ftf8.squarespace.com/ Password: solar2020 Trying to make the mobile menu overlay over the background image the same as it does on the desktop view. I found a bunch of code on the answers forum, but nothing is working for my site... Thanks in advance.
  15. Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ site password: solar2020 I am trying to reconfigure the LP banner image by adding part as an image overlay so that everything appears on mobile. Is is possible to remove the padding at the bottom of the page so it looks as if the image is bleeding into the next section? Any help would be appreciated!
  16. Hello, I am attempting to change the code for my Audio Blocks in the Fiver template to match my site colors (I use the audio blocks to post episodes of a podcast.) I was able to change the background color of the main bar and the color of the tile font but can not seem to change the author text color, play button or progress bar (one trick was to realize the title font was set for the LIGHT setting, not the DARK setting of Audio block). Was hoping for some suggestions. Here's the code I've been using and thank you in advance Tim. .sqs-widgets-audio-player { background: #2f518f !important; background: -webkit-linear-gradient( #2f518f) !important; border: 02px solid #fff952 !important; border-radius: 0px 0px 0px 0px; color: #fff952; } .audio-author { color: #fff952 !important; } .audio-title { color: #fff952 !important; } .volume .bar.active { border-right-color: #fff952 !important; } .volume .bar { border-right-color: #fff952 !important; } .progress { background: none repeat scroll 0 0 #707070 !important; } .controls { color: #fff952 !important; }
  17. Site URL: https://curranz.squarespace.com/ Hi, I am building the website for our client and couldn't find a way to keep images in the footer displayed in-line (exactly the same, as on desktop, but smaller). This is how we would love the footer links to be displayed on mobile - see the attached screenshot below. At the minute on mobile it looks like this: I believe all it needs is a custom CSS, could anyone help? Store password is 'berries'
  18. Site URL: https://www.moonroq.club/music Hi there, I have some CSS running on this page which nicely adds more columns to the grid style view - but I am limited to 20 posts per page. I'd really like to have all of my past blog posts continue loading at the bottom of the page as the user scrolls, instead of having to click and navigate to another page to view more. Ideally, the posts would load approx 20 at a time. is this possible with Custom CSS? best, Adam
  19. Hi there, Does anyone know how I can use Squarespace 7.1 to re-create the 'SERVICES' section of this website: https://www.ryzeagency.co.uk/. Effectively I'm after four horizontal columns with an image and text overlay. I also attached a screenshot to help explain this further. Many thanks!
  20. Site URL: https://amoritasvineyards.squarespace.com/home?p Hello, I'm trying to remove the horizontal padding around the gallery in the Brine template so that it has a full bleed on the page. Thank you!
  21. Site URL: http://www.objectstudy.com Edit button is not clickable. I have to change padding-top of .Main-content everytime I want to edit the page content. Is there a way around that?
  22. Hey, I'm trying to add CSS code to allow a video to play/feature in an image block, instead of a photo. I'm not sure how it works, but here's what I've tried so far. Thanks!
  23. Site URL: https://www.villetiihonen.com/serving-tray Hi, I have been trying to get my Gallery reel to show images one by one on the desktop. Mobile version seems to have worked out fine. The look I am going after is that of the Instagram multiple images scroll feature. I like how the images are in a reel and by clicking/ swiping you can reveal the next picture. I wonder if there is a way to limit the width of the gallery without losing the control arrows. This has been very tricky for me and I appreciate all the help! Thank you in advance. password to the site is villetiihonen2020
  24. Site URL: https://lanternfish-salamander-gp6n.squarespace.com/ Can anyone help with this issue, please? Something that works perfectly on V7.0 sites is using https://fontawesome.com/ icons within the navigation menu: V7.0 Result: It doesn't seem to be working on V7.1: Result: This is the method I've used that works perfectly on 7.0 but not on 7.1: 1. Head over to https://fontawesome.com/start and copy the CDN (the big link in the dark box) 2. Go back to Squarespace and go to Settings - Advanced - Code Injection. 3. Paste Font Awesome CDN into the 'Header' section: 4. Hit save. Then in order to use any icons, I search for the required icon on the Font Awesome site and copy the HTML for that icon (for example: <i class="fas fa-home"></i>), then either paste that into a code block on Squarespace for use within any section or paste that into either a page navigation title or into a link description within the main navigation menu. Thanks, Tim
  25. Hello everyone, Can you please advise on how to force the mobile menu on a desktop? I am new to squarespace and trying to keep the hamburger menu on with all screen sizes. I'm using version 7.1 - and all online resources are based on a previous versions were you can edit mobile settings that are not available anymore. It would be great if you can suggest any tips or custom code. website: tarpon-reed-27ss.squarespace.com password: 1234 many thanks, Dario
×
×
  • Create New...