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

Search the Community

Showing results for tags '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

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

Found 901 results

  1. Site URL: https://ticket-channel.squarespace.com/ Hi there! My website, on desktop, has a 4x4 column. I had to turn them into image block poster in order for the overlay to work with hover. The problem is, that on mobile it stacks. And it doesn't offer a nice user experience. Is there a way I can transform this into 2x2 on mobile? Instead of stacked? thank you!
  2. Site URL: https://ticket-channel.squarespace.com/ Hi there! I am using a banner image on my clients website. But on mobile it's cropping pretty badly. Is there a way for me to upload a different image size on mobile compared to the desktop size? thank you!
  3. Site URL: https://www.addisonstreetspa.com/book-private I use the Mindbody Appointment widget for booking appointments. When I select a service and a date range, the widget expands to show available appointments. The expanded widget is overlapping the footer instead of pushing the footer down How do I get the footer to stay below the expanded widget?
  4. Site URL: https://www.studiovulcan.com/ Hi guys, This has been annoying me for a while now. There's a weird space here I can't seem to get rid of. It's not padding and it's not margin. There WAS padding on a div within this one, but while removing it reduced this space by a solid 60ish%, the bit that's left here shows on PC and mobile. I have other "sections" like this that don't have this space on PC, but on mobile there IS this small spacing. I don't want it there, i want it flush with the section above and below it. Anyone have any idea what's going on here and if I can remove it with CSS, because none of these divs in this part have any padding or margin. *Note: This is an SVG and it doesn't have added transparent or coloured pixels making up this area I don't want. Inspect the element to understand what's going on, it's bizarre.
  5. Site URL: https://www.hlavac.co.nz/work/typografika Hi there, I am wanting to invert my logo and full nav on this singular page of my portfolio to black in order to display more clearly. What CSS is needed?
  6. Site URL: https://www.jarnanaturbruksgymnasium.se/borjahososs Hej, I try to build a page with 2 image blocks like in the exempel --> diagonal But i need help with layout and how to do this. Can i cut the corner of the image in squarespace or do i need photoshop this? How can i achieve this diagonal layout? How is this behaving on different screens? Brakepoints? I am a beginner just trying to figure it out... Tanks for your help
  7. The Fulton template doesn't feature a customizable breakpoint in Site Styles but I want to adjust the default mobile breakpoint for the template. I've tried some custom CSS but I seem to be missing something (see below). It's not throwing any errors but it's not switching to the mobile menu at 1300px. Help, please. @media only screen and (max-width: 1300px) { #mobileNavToggle { display: inline-block; } }
  8. Site URL: https://www.cuentamelobooks.com/ Hi smarter people than me, I'm having a frustrating time uploading images to my site. If you have a look, there are small illustrations scattered in the home page and other pages. These were done in Adobe Illustrator. If I save then as 2500 px wide pngs (Squarespace's recommendation), they are way to big and reducing their size using space blocks either makes them too small or still too big. I have used photoshop for reducing their size (what you see now on the site), but they look blurry. So I'm thinking maybe the way to go is code? I've seen other threads with code for reducing image size in mobile, but couldn't find anything for reducing the size in all formats. Thank you in advance for your help. Also if there's a better way of doing this that's not code, I will happily hear suggestions. Thanks!
  9. Our site is in free trial mode still so there is no live URL, but we want to assign the default color scheme to the page footer for one of our pages, rather than the color scheme assigned to the other pages. How can we have a different color theme for the footer of one page compared to the others?
  10. Site URL: https://www.freshinlondon.co.uk/ Hello, I'm currently have my logo container width set to it's max setting. Is there a custom CSS code that anyone would recommend to enlarge this please (as I would like it nearly double the size). I also do not know how CSS codes work/how to implement them so any advice on that would also be hugely appreciated!! For ref please see www.freshinlondon.co.uk Many thanks, Izzy
  11. Hi All, I’m working with the Novo template in 7.1 and trying to modify the portfolio page click through link for one of my sub-pages. The portfolio page automatically adds a hover effect on top of my preview image which I’d like to keep so I don’t want to build these using different page types. I’d like to just stop the link from being active. I saw that it might be possible with a pointer event tag but I’m not sure exactly how to execute that. Any help is much appreciated! Thanks!
  12. Site URL: http://www.spaceflightnewsmedia.com In the Rally theme, what CSS can I use to show only the Blog Post title in the search results, but hide the blog excerpt in those same results?
  13. Hello I'm trying to hide a section on hovering a button.. but doesnt work .. on brine ? ( id from button is dd ) ( id from section #welcome-brine ) #dd:hover #welcome-brine {display:none!important;} #dd:hover + #welcome-brine {display:none!important;} no one work..
  14. Site URL: https://lazyitinerary.com Hello everybody, I'm building a website and i hope you are willing to help me by giving me some feedback. My website is lazyitinerary.com The website is called Lazy Itinerary and it tries to help traveler plan their itineraries worry-free and book their flights, hotels and tours at one glimpse. If you have any ideas or suggestions, i'd love to hear them. Thanks 😉
  15. Hi I want to use this hover effect, instead of going to colour with bw around. I just want the images go from BW to a singular colour. @tuanphan could you maybe help out? @media all and (min-width:770px){ .sqs-block-gallery .sqs-gallery-design-grid img{ -webkit-transition: all .3s ease-in-out !important; -moz-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; } .sqs-block-gallery .sqs-gallery-design-grid .slide:hover img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); } .sqs-block-gallery .sqs-gallery-design-grid:hover img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } }
  16. Site URL: http://www.joingardencity.com Per the subject, my code works when I drag my page outside of the index page, but then when I drag it back into the index the code stops working. Any advice would be greatly appreciated!
  17. Site URL: http://ribbonwood.squarespace.com So, using custom css I was able to get the result I wanted… a reversed out version on the pages leading with a banner image and and the normal black logo on pages that had white on the top. However, when I navigate from a page that has a reversed out logo to a page that doesn't it seems to pull through the logo from the page I was just on (in turn making it a white on white logo scenario). I have to refresh the page each time to get the correct logo on the page. This is also the case going from a white page to a banner page too - black logo appears on the banner. I've tried multiple browsers and it's the same result every time. Any ideas?
  18. I want to keep my header right-aligned but have the folder links left-aligned.
  19. Site URL: https://www.newsights.co/ site password: ns@99200 The background of the text on the poster images became black. It wasn't like that yesterday. I tried doing: h2 { background: none !important; } but then it looks like this:
  20. Hi all, I'm having some issues with a custom font I am trying to use. a space seems to appear after some of the letters and some of the letters seem to become part of the previous word as if the space character is showing up on the wrong side of the letter. Has anyone seen this before and know of a fix/what I might be doing wrong? Thanks in advance Ioan
  21. Site URL: https://www.modernlifeau.com Hi, I was wondering if someone could help me with some css code to make newsletter blocks on my blog posts full width. Thanks in advance!
  22. Site URL: https://www.pampa.co/ Hi ! I want to hide the "User Account Log In" stuff of my navigation, does someone know if i can ?
  23. Site URL: http://www.andyancreative.co/work-2 Hello! I need help writing code to restart a gif on hover within the index thumbnails. I'm working on my portfolio and the block I'm trying to target is the logo collection block on http://www.andyancreative.co/work-2 (second row on the right). I have the image changing to a gif on hover but would like the gif to restart every time when you're hovering over it. I'm not sure css code or javascript is needed but thanks in advance!
  24. Site URL: https://weareluxus.co.uk I need help changing everything about the customer login popup in horizon. ie: I've tried to start with the sign in button and this is as far as I've got (not even sure this is close): button.Button-container-BtFfe { background-color: #e08700; border-radius: 3px; color: #000000; display: block; width: 100%; font-weight: 700; line-height: 22px; padding: 11px; margin-top: 22px; text-transform: uppercase; } Any help appreciated. TIA Andrew
  25. Site URL: https://www.searchangels.org/contribute In almost every other form platform you can send/redirect people to a "thank you" web page after the sale is confirmed. I already send them an email, which is already built into Squarespace. I am unsure if this requires a special CSS hack or a Code Injection. I have developer mode enabled, but the original template was "Bedford". The account level if advanced commerce; which enabled paid subscriptions. We only use purchases through Squarespace for donations or paid subscriptions. Any help is welcome.
×
×
  • Create New...