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




Expert ID

Found 110 results

  1. Site URL: https://www.scrubdesthetics.com/ Can anyone help me figure out why the logo in my site footer is cropping on both the left and right side? I am attempting to make the logo small and look decent on all device sizes but for some reason it keeps cropping. This is the code I'm using now but it doesn't seem to be 100% effective. div#block-yui_3_17_2_1_1599629340594_357495{ margin-left: auto; margin-right: auto; width: 50% !important; height: 0px; margin-top: 30px !important; margin-bottom: 30px !important; } Site password: scrubd
  2. Hey ya'll, I made some light custom CSS to achieve this changing text animation (see attached screenshots). But it seems to have overridden other codes as the changing text animation has been appearing on the homepage, in navigations, and in the settings as well (so weird!). Does anyone know what part of the code can be edited to fix this issue? Thanks for your time and help in advance! Best, Jackie Code text box: <div class=“wrapper”> <h3><span></span></h3> </div> Custom CSS editor: .wrapper{ position: absolute; } span:before{ content: ''; animation: animate infinite 10s; } @keyframes animate{ 0%{ content: 'Hi 👋🏽'; } 20%{ content: '你好'; } 40%{ content: 'Hola'; } 60%{ content: 'Ciao'; } 80%{ content: 'Hej'; } 100%{ content: 'Hi 👋🏽'; } }
  3. Site URL: https://www.sophersparn.com I am wondering if there is a way to inject custom css to move the index menu on the Carson template (Tremont family) up towards the site header. The built-in styling allows for the menu to be at the bottom of the page, but not the top.
  4. Hi sweet folks! I'm working on a CV site and would like to add a tad of pizzazz with an animated gradient background. I'm using the Suhama template and need the block identifier to use in the Custom CSS area. My code is below. In red is what I need: #[I need this right here] { background: linear-gradient(270deg, #496a98, #a68135); background-size: 400% 400%; -webkit-animation: AnimationName 21s ease infinite; -moz-animation: AnimationName 21s ease infinite; animation: AnimationName 21s ease infinite; } @-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } Thanks in advance! Tanya
  5. Site URL: http://www.joannagresik.com/previous-collections/left-turn Hi There, I have a few select paintings listed on a product page on my website, but I am selling them through a gallery, so I don't want people to be able to purchase them on my website. I want them to click on the link to go to the galleries website. But I want them to be able to purchase the other paintings on the page that are not at the gallery. Is there a way to do this with the Five Template in Squarespace 7.0 without removing all of the Add to Cart buttons? Haven't been able to find a clear answer on this yet. Thank you so much!
  6. Site URL: https://tomato-pear-bkrm.squarespace.com/ Hello, I have used an accordian plug-in to add information to my products. The markdown currently shows in the Additional Info but i would love for it to show in the Product Description, above Variables and Purchase button. Any help is very much appreciated, Thank you
  7. Site URL: https://www.transcendence-perfection-bliss.com Hi there! I'd like to get my logo to display at its full width, 2500 pixels, at the top of the header. Have tried other CSS listed here in the forums without success. Any suggestions appreciated!
  8. Hi, I'm using the Brine template, and was wondering if it's possible to bring the Sign In button from the mobile view at the bottom of the page into the navigation section (sidebar)? Thank you in advance!
  9. Site URL: https://www.jasmine-noronha.com/about hello! trying to center the "contact" button on mobile view only. please note that this button is embedded in the subtitles of the image. see photos attached for reference. is there a code that will allow me to do this? any help would be greatly appreciated. thanks!
  10. Site URL: https://www.eddiefieg.com Hi! I'm trying to figure out if there's a simple CSS code I can insert so any image (with a link) can enlarge/pop off the page a little bit on hover. For example, on my homepage, I'd love to be able to see my project images pop up in size as the user hovers over them: www.eddiefieg.com Thanks!
  11. Site URL: http://kpstyleconsultant.com Hello! So this is my first website & I'm elbow deep in Custom CSS & individual page coding, trying to figure out how to add a solid colored box with text inside over an image. That's a mouthful in itself it is my very first intro image on the first section of the website. I found a youtube tutorial that was very helpful but every time I try I save the Custom CSS & go to another page the solid box disappears. I also saw the Squarespace forum attached. I realize frustration is because the ID # I'm using is constantly changing. But I can't find a section ID or a block ID & like I said this one appears to work but then the ID # is ever changing. HELP! YouTube: https://www.youtube.com/watch?v=bQI-Wk-iqw4&t=61s Squarespace: https://forum.squarespace.com/topic/90873-how-to-find-block-id-for-specific-css-changes/ Current code: Again I know this yui... is constantly changing & I need a different ID but I don't see another option that has worked. I'd really appreciate any help with this! Not sure what I'm doing wrong, I've tried lots of combos & am grateful for any assistance! Thanks in advance!!!! This is what it's suppose to look like with the box around it so the text stand out against the background, but the box keeps disappearing like the 1st photo. I realize it's something between 7.0 & 7.1. But don't know how to do complete the new code for the box to permanently stay put. I'd really appreciate any help with this! Thanks in advance!!!!
  12. Site URL: https://sprout-lime-ldyy.squarespace.com/newborn-session Hi! I am trying to make the text on my poster image blocks responsive to the image in mobile so that the text stays within the square image (below the Session Style section). I am wondering if there might be some custom code that would help? https://sprout-lime-ldyy.squarespace.com/newborn-session Password: BRP+D2020
  13. Site URL: https://curranz.squarespace.com/ Hi there, I've noticed a strange behaviour when trying to view bulletpoints on mobile - seems like the amount of text as an impact and although on desktop it all looks good, on mobile vertical spaces seem uneven. Here are the screenshots attached: View on the desktop: And view on the mobile (or tablet): Is there a a way to display them even all all medias?
  14. Site URL: https://www.caseyoneillcopy.com Hi, I am trying to create a services block on my website Caseyoneillcopy.com. The block should be four columns with three elements each: an icon, a header and a blurb. Unfortunately, I am having trouble with the spacing. When I set it up using the WYSIWYG tools there is a huge gap between the icon and the header, and then another huge gap between the header and the blurb. This looks okay-ish on desktop. But it looks really bad on mobile and tablet. Is there a code (or codes) I can use to make the elements closer together? I've tried a bunch from the forum myself at in-page, page and site level - but am having no luck. Thanks, Casey
  15. Hi, I just wanted to know how do you customize the positions of different navigation page to be both on the left and right side at the same time, with the logo in the middle? As seen here:
  16. Site URL: https://bison-prism-bf6c.squarespace.com/ In the link below @tuanphan kindly gives code that allows the nav to be split into a pseudo second nav - using the nth child selector to define at which point the split happens. I'd like to do something similar, but instead of having it split onto a new line I'd like all items after the nth child to right align to the div (my main nav is left aligned). At the moment I do have one fake secondary nav item on the right but this is simply a restyle of the Button available within the Elements option found in the global nav. This serves me perfectly from an aesthetic point of view (although, on mobile it needs some work to properly blend in with the main nav items) but the thing is, I'm likely to need more that one item on the right. So, any tips? Thanks loads for your time and knowledge.
  17. Hey! - made a HTML Code for 2 buttons next to each other - i´m trying to get one of the buttons to stay solid and 1 to be outlined - what i`m having difficulity with is finding out what CSS code to target it with because they are inn the same code block so i can`t target a spesfic code block i need to use "child" or something , i`m not sure - anyone got a clue? Codes and images are below: This is the HTML code: <a class="button cta-button" href="https://www.elevated.no/priser">Se Priser</a> &nbsp; &nbsp; &nbsp; <a class="button cta-button" href="https://www.elevated.no/tjenester">Kom i gang</a> And this is the CSS Code .button { border: 2px solid #2cd4d9; border-radius: 50px; background: #2cd4d9; display: inline-block; font-size: 15px; font-weight: 500; text-align: center; padding: 15px 20px; width: 103px; color: #000080 } .button:hover { background: none; color: #FFF; opacity: 1 !important; transition: 0.5s !important; }
  18. Site URL: http://www.heyykristen.com Help! I am a newbie freelance full stack developer and am stuck on a clients request - She is an artist with a gallery page. Currently text links in description to etsy to purchase specific prints. She wants 1. Actual buttons instead of text links 2. nothing showing but the image - for the button to appear on click or hover. I have tried SQSthemes lightbox anything plugin but it does not work with gallery images. I have tried trying to find block ids to target them but only see a collection id for the whole gallery page (was able this way to add buttons - but it literally turned the nav bar and everything on the page to buttons) I have tried doing clickthrough URLS to new pages with the larger image and button - but WELLS template does not support this and she does not want to change templates. I have suggested just doing lightbox's for each image as the solution - but she really prefers to keep the gallery for the left and right arrows. Would absolutely love any help I can get. This is the first time I have gotten stuck on a project and I am stressing out a bit! thank you so much Paige
  19. Site URL: https://violet-ellipsoid-rp4y.squarespace.com/ Hi guys, I want to know how to change the font style on my buttons using custom CSS with a font that I have uploaded. I have figured out how to change the heading 1, 2 and 3 fonts but don't know what they call the buttons on the backend. Thanks
  20. Site URL: https://www.rachelgarbercole.com Hello, I want to hide the top navigation bar on my homepage. I have a button that you click that leads you to the rest of the website, and I would like to hide the top navigation so that people have to click on that button in order to enter the rest of the website. Could someone please help me with a custom code?
  21. Site URL: https://annelowell.com/ Hi, so I have a custom font I am using (called Buffalo) for my Squarespace website and put it in a custom CSS block for my Header 1's and it works well. However, I also inputted a ConvertKit opt-in form to Squarespace, but the custom font Buffalo applied to the header for my opt-in form and I would prefer for it not to. Can you help me troubleshoot this? Thanks!
  22. Site URL: https://www.squarelemons.com Hey everyone, Please list any plugins you would like me to build, and I will add them to Squarelemons. Would love to hear your thoughts! Thanks so much, Brendan Kennedy
  23. Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ Hello, wondering how I might justify the items on the last section of my index page (#footer) to the left on mobile only? This is a social block, newsletter block, and one text block. I want to preserve the current design on desktop. Site password: solar2020
  24. Site URL: https://www.rogerroger.co/ Hi everyone and thank you in advance! I need help to customize two elements on my mobile menu bar. I don't have issues on desktop, it looks like this: But on mobile, it looks like this: The close button is black, the CTA button isn't looking like the rest of the site and the CTA is sitting a little too low for my liking. I'm hoping to get it to look like this mock up: Is there any way I can fix it? Thank you for your time! Here's what my CSS looks like for the menu now:
  25. 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
  • Create New...