Jump to content

Klintholm

Member
  • Posts

    26
  • Joined

  • Last visited

  1. Sorry, I realize now my problem is twofold... 1) that the yellow box and the accordion on the https://reload.dk/jobs is not only a problem on mobile. It also misaligns on desktop. I've used these snippets to fix everything else on the site, but somehow they don't get these two on "jobs" site. body[id*="item-"] .sqs-block.accordion-block { margin-left: 17px; margin-right: 17px; } body[id*="item-"] .sqs-block.html-block.sqs-background-enabled { margin-left: 17px; margin-right: 17px; } 2) The carousel at the bottom of https://reload.dk/hvem-er-vi is misaligned on mobile. I don't know why? EDIT: NEVERMIND I FIXED IT WITH YOUR CODE. Still need help with issue 1) here, tho. Thank you in advance! UPDATE: I fixed a lot of the problems by upgrading the boxes to Fluid Engine!
  2. So @Beyondspace I need help with the boxes on https://reload.dk/jobs and the carousel (on mobile) on https://reload.dk/hvem-er-vi
  3. They do. The problem is still there. It's a slight misalignment. 17px, I presume.
  4. I already have this code in my custom CSS, but for some reason it doesn't target the boxes on that particular page... body[id*="item-"] .sqs-block.accordion-block { margin-left: 17px; margin-right: 17px; }
  5. Anybody? @Beyondspace can you still help me? Much appreciated!
  6. Yes, of course. These were done on my phone quickly - hope they make sense to you!
  7. Hey @Beyondspace Why doesn't the code hit the accordion and text block on this page? https://reload.dk/jobs
  8. < Not a perfect solution, but I did manage to make a lot of padding to different types of content block like: /* Desktop blog padding */ @media screen and (min-width:768px) { .blog-basic-grid.collection-content-wrapper, .tweak-events-stacked-width-inset .events { padding-left: 0; padding-right: 0; } } @media screen and (min-width:768px) and (max-width:1400px) { .blog-basic-grid.collection-content-wrapper, .tweak-events-stacked-width-inset .events { padding-left: var(--sqs-site-gutter); padding-right: var(--sqs-site-gutter); } } And that fixed some of it to an extent. Then I added this to make sure, that the backgrounded text boxes, summary boxes would align better: body[id*="item-"] .sqs-block.accordion-block { margin-left: 17px; margin-right: 17px; } body[id*="item-"] .sqs-block.html-block.sqs-background-enabled { margin-left: 17px; margin-right: 17px; } body[id*="item-"] .sqs-block.summary-v2-block { margin-left: 17px; margin-right: 17px; } Right now I am left with this problem, but once this is fixed, I am at a place where the solution is OK for me: But I am still curious about why the site from the get go doesn't have a max width that everything adheres to... I put in max width in the design styles, but some stuff, like summary boxes and text backgrunds, don't care about that. Also I experienced a lot of problem with blogs and events having extra padding and not aligning with the menu. I know this isn't a place to complain about the general product that is Squarespace - and I am happy with Squarespace. I just wonder...
  9. Hey guys, On mobile my site, www.reload.dk, has different gutters/padding. I want it to align. https://reload.dk/hvem-er-vi/teamet and the carousel at the bottom of https://reload.dk/hvem-er-vi are slighter wider than the rest of the site. How do I fix this? Thanks in advance!
  10. Is there a way to make the speed variable? So that it speeds and slows down at the beginning and end?
  11. I solved it! Feels amazing, thanks @Beyondspace body[id*="item-"] .sqs-block.html-block.sqs-background-enabled {margin-left: 17px;margin-right: 17px;}
  12. Amazing, thanks! I'll mark it as solved, but what about these small text boxes? https://reload.dk/case-stories/dds-track https://reload.dk/case-stories/information
  13. Here is a great example of how we also use the background-function to make boxes, that I want aligned: https://reload.dk/case-stories/information
  14. This works perfectly - BUT only for that one specific site. We have a lot of articles and use that content type a lot. Can I do it with site-wide?
  15. I am using the "background" function to create colored boxed for facts, quotes and other stuff. However, I wished they would align with the rest of the site. An example: https://reload.dk/viden/hvilket-cms-system I wish the gray boxes during the article would align with the text. At the bottom, I wished the summary block would align with the borders of the sites. This is a site wide problem, not just for this specific site. Thanks in advance!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.