Klintholm
Member-
Posts
26 -
Joined
-
Last visited
Klintholm's Achievements
-
gingershermanllc reacted to a post in a topic: Counter widget/add on
-
tuanphan reacted to a post in a topic: Fix padding on mobile
-
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!
-
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
-
They do. The problem is still there. It's a slight misalignment. 17px, I presume.
-
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; }
-
Anybody? @Beyondspace can you still help me? Much appreciated!
-
How to align background colors with rest of site
Klintholm replied to Klintholm's topic in Fonts, colors and images
Hey @Beyondspace Why doesn't the code hit the accordion and text block on this page? https://reload.dk/jobs -
< 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...
-
Klintholm started following How to align background colors with rest of site and Fix padding on mobile
-
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!
-
tuanphan reacted to a post in a topic: 3 images side by side on mobile view
-
Is there a way to make the speed variable? So that it speeds and slows down at the beginning and end?
-
Beyondspace reacted to a post in a topic: How to align background colors with rest of site
-
How to align background colors with rest of site
Klintholm replied to Klintholm's topic in Fonts, colors and images
I solved it! Feels amazing, thanks @Beyondspace body[id*="item-"] .sqs-block.html-block.sqs-background-enabled {margin-left: 17px;margin-right: 17px;} -
How to align background colors with rest of site
Klintholm replied to Klintholm's topic in Fonts, colors and images
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 -
How to align background colors with rest of site
Klintholm replied to Klintholm's topic in Fonts, colors and images
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 -
How to align background colors with rest of site
Klintholm replied to Klintholm's topic in Fonts, colors and images
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? -
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!