How to align background colors with rest of site

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!

1 hour ago, Beyondspace said:

You can try adding to Home > Design > Custom css

#item-62e3902a2064be2afa706ba9 .sqs-block.accordion-block {
  margin-left: 17px;
  margin-right: 17px;
}


#item-62e3902a2064be2afa706ba9 .sqs-block.summary-v2-block {
  margin-left: 17px;
  margin-right: 17px;
}

Support me by pressing 👍  or marking as solution if this useful for you

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? 

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

You can try my new code and check if it works properly

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

I solved it! Feels amazing, thanks @Beyondspace

body[id*="item-"] .sqs-block.html-block.sqs-background-enabled {
margin-left: 17px;
margin-right: 17px;
}

On 2/28/2023 at 4:17 PM, Beyondspace said:

You can try adding to Home > Design > Custom css

body[id*="item-"] .sqs-block.accordion-block {
  margin-left: 17px;
  margin-right: 17px;
}


body[id*="item-"] .sqs-block.summary-v2-block {
  margin-left: 17px;
  margin-right: 17px;
}

Support me by pressing 👍  or marking as solution if this useful for you

Hey @Beyondspace

Why doesn't the code hit the accordion and text block on this page? 
https://reload.dk/jobs