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

  • 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

  1. Site URL: http://www.mercedeslucero.com I want to change the site title logo URL. I have scoured the forums but none of the suggested codes have worked for me. Site: www.mercedeslucero.com Home page: www.mercedeslucero.com/home pw: squarespace1
  2. Site URL: https://www.2pt5.co.uk Hi All, I've been tearing my hair out trying to fix an animated text element that I can't quite get to sit properly on the page. website: 2pt5.co.uk password: dontgiveupthedayjob You'll see the animated text in the bottom middle half of the screen. It's never exactly in the centre, and I don't understand why. Also, the padding of the text from the bottom of the coloured background is changing with different window sizes (mobile/ipad) etc. and I'd like it to be fixed. If you look at the 'Work' page on the site you'll see some static t
  3. Site URL: https://www.2pt5.co.uk Hi, Having problems getting an animated element (rotating text) to load properly, particularly on mobile devices. If you check my site homepage (2pt5.co.uk) you'll see the background colour changes every 2 seconds, and so does a line of text. The two elements should be synced up to the same timing, but on mobile devices (and sometimes desktop depending on the browser) the text seems to go a bit wrong and the timings are off. Anyone have any idea how to fix this or improve it at least? Thank you in advance for anyone who can take the tim
  4. Site URL: https://www.2pt5.co.uk Hi, I have a code block with rotating text on my home page (2pt5.co.uk) Having problems with the padding being different on Chrome and Safari. No idea how to fix this! If anyone can help it would be greatly appreciated!
  5. Site URL: https://www.secretherb-garden.squarespace.com Hello, I created custom code which I embeded in square space to have an interactive image map. But now that I have finaly got that working, it changes the font of the text block below (now deleted) and the footer. Which you can no longer edit. This is the URL: secretherb-garden.squarespace.com password is 123 if any one can tell me how to stop the code affecting the text below, I would be much appreciative. Thanks,
  6. Site URL: https://www.trajektory.com/new_home I'm trying to make it so the long section with all of the laptops shows on mobile only (preview attached). I'm currently using the follow design CSS: @media screen and (min-width: 641px) { div#yui_3_17_2_1_1606076529460_377 { display: none !important} } The div. ID must be wrong but I can't seem to figure out what to put. Thanks!
  7. Hi, I am using the brine template... I want to target and control the size of a specific image when changing between desktop, tablet and mobile. The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile. Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached. website: tbktest.squarespace.com Thanks in advance. Dan.
  8. Is there a way to get rid of that weird shape around the X in my form?
  9. Hi there, Looking for help with some custom CSS for an ecommerce site. Iā€™m looking to remove the grey horizontal line and reduce the font size of the category titles. šŸ™ƒ
  10. Site URL: http://www.ebcophoto.com Hi my custom CSS H1 font code is only appearing on the desktop version of my site and not mobile. do i need specific code to make it work on mobile too? (the intended font is called White Angelica} Thank you
  11. Site URL: https://www.reafestudio.com/work I hope someone can help, I have looked on the forum and tried a few CSS code lines to no avail. I wish to use the same bespoke font as used on my site for the little Gallery descriptions. I have attached a link to the page and a screen shot of the page I wish to update. I would really appreciate if someone could provide the appropriated code. Regards Anthony Walsh
  12. Site URL: https://www.sequoiasalt.com/ Hi Everyone! I'm having an issue with custom fonts, and cannot find a solution in the forum that works. I've attached a screen shot of my CSS. Thank You Thank You Thank You
  13. Site URL: https://www.sequoiasalt.com/ Hello Everyone! I've noticed an issue with the landscape view on mobile devices. It appears to use whatever the background color of the header. Does anyone know a simple fix or workaround for this? Thank You Thank You Thank You
  14. I'm setting up the new Members Area feature/function and there are no edit design options for the Access Denied Screen. I don't like how it constrains the text to that small area https://www.blackom.com/watch I'm trying to make it more spread out like this example page https://www.blackom.com/membership-access but having trouble with getting the code right. Can anyone help? (the lock image isn't necessarily needed btw)
  15. Site URL: https://paddlefish-roadrunner-gk5n.squarespace.com/config/design/product-items I am trying to add an accordion drop-down menu to my client's product pages to highlight "Materials" and "Care" for each item.
  16. Site URL: http://www.thespacollaborative.com Figured out how to reduce font size in the menu, but the CTA button is still haoooge. Can someone please advise on CSS to fix this please? Site example included. Thanks.
  17. Site URL: http://www.fadedera.com Hi! I've changed the background of my site to a linear gradient. I've done this in each page's "Advanced" section using this code: <style> .section-background { background-image: linear-gradient(to right, #f0c7cf, #f5ced0, #f8d6d2, #fbded6, #fde6db); } </style> And also in the site "Custom CSS" section to prevent a white space from appearing above the footer on each page: #siteWrapper { background-image: linear-gradient(to right, #f0c7cf, #f5ced0, #f8d6d2, #fbded6, #fde6db); } For some reason, when I load my shopping cart, t
  18. Site URL: https://cylinder-haddock-nfkd.squarespace.com Hello, I'd like to have a separate style for the sub navigation items in the expandable side menu for my site, which is built using the Wells template. At the moment, my navigation looks like image A, where the main and sub nav fonts are identical: But, I'd like it to look more like image B, where the sizes, weights and colours of the main and sub nav fonts are different: As a bonus, I'd like to be able to adjust the indentation of the sub nav items, if possible. Any advice would be much appre
  19. Site URL: https://parsnip-dandelion-tacn.squarespace.com/ Hi there, I have been trying to work this out for days now and I can't sort it. I want the hover on the button in my newsletter block to look the same as this (regular button) but all in pink as opposed to orange. Currently on the hover, it fills in orange with white text. Does anyone know the CSS for changing the colour on hover for the newsletter submit button please? Thanks
  20. Site URL: http://andrewmorrisphotography.co.uk Hi there, is it possible to change the colour of the logo when the curser hovers over it?
  21. Site URL: https://www.r3barryan.com/logo We'd like to change our logo simply by making the 3 green, as seen in Markdown Block on the Page at the Site URL above. How would we accomplish this using Custom CSS? We'd like to keep the Site Title & Logo because our custom font is already installed on Squarespace, rather than using a logo maker. Please advise... Thanks!
  22. Site URL: https://unveild.co.uk/shop/26y33rfyaz0j74j62uj0nefwfdyzgx Hi, I would like to re-order my product page to 1. title 2. price 3. quantity 4. add to cart 5. description I have tried the below, but it didn't affect the order at all. .product-price { order: 2 !important; } .product-quantity-input { order: 3 !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper { order: 4 !important; } .ProductItem-details-excerpt { order: 5 !important; } I would also like to disable the product image thumbnails and enable the slideshow arrows (to mat
  23. Site URL: https://www.100famousviewsoflosfeliz.com/routes my cover page (flatiron template) has buttons in the "outline" style. the color of the font within these buttons changes to black during the hover over effect. is there a code that allows me to change the font color during the hover to something else? any advice / help would be appreciated.
  24. Site URL: https://vibraphone-dove-dpfn.squarespace.com/ Hi, I'm trying to modify a newsletter block in my footer. I've already used this code to modify the field and button sizes, and to decrease the top and bottom margins of the newsletter body across the entire site: /*newsletter field*/ .sqs-block-newsletter .newsletter-form-field-element { padding-top: 18px !important; padding-bottom: 18px !important; } /*newsletter body*/ .newsletter-form .newsletter-form-body { margin-top: -15px !important; margin-bottom: -25px !important; } /* newsletter butt
  25. Site URL: https://www.jimisaband.com/ Hello! I have placed a logo in my footer and it looks fine on desktop but is HUGE on mobile. It takes up the entire mobile screen. Any ideas on how I can fix this? website is jimisaband.com The template I used it Kitui, a 7.1 template
  • Create New...