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. Does anyone know how to display the Instagram block as 3 columns in mobile view? Our Instagram feed is reliant on 3 images being showed side by side, so when SS automatically converts it to 2 columns - it breaks the flow of it entirely. Using the Brine Template - have attempted CSS code but it appears the block natively converts to 2 columns regardless.
  4. 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?
  5. 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?
  6. 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.
  7. 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 😉
  8. Hi all,I'm new here, I would like to add a breaking news holizontal scrolling ticker, like CNN or BBC on top of my homepage, somebody of you know how to do it on squarespace? Thank youRiccardo
  9. 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
  10. 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?
  11. 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; } }
  12. Hey Guys, I am really stuck with adding custom fonts to some image Layout Blocks that I have added to my page and hoping for some help. I have been using custom CSS code to add the custom fonts, however, I am then unable to apply this font to the image layout block header font. I have tried using the following code: .sqs-block-image .image-caption p { font-family: Butler;} which unfortunately has not worked. Any advice would be greatly appreciated! Thanks,Su
  13. 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!
  14. How do you get images to hover when your mouse is above them? I've tried various css tricks but haven't been able to make it work.
  15. 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
  16. 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!
  17. 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%); } }
  18. 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?
  19. 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..
  20. Looking to make this code-block full width, can anybody help? noplasticproject.com/liverpool
  21. 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!
  22. im trying to override all cursors with an egg. yes you read that correctly, i want the cursor to be a tiny fried egg, please dont ask why. i used this from a previous discussion board but it didnt work: { cursor: e-resize; } or {cursor: url(images/my-cursor.png), auto;} any ideas?!??!?!?!?!??!?!?!? oh my site is maggiedrewbrennan.com in case you were curious. an egg would be perfect for it.
  23. 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!
  24. 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:
  25. 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?
×
×
  • Create New...