Customize Bootstrap Breakpoints

User 2861565 Photo


Guest
2 posts

Hi there,

This is my first post here.
I'm trying to add custom classes to Bootstrap's breakpoints.
For instance:

@media (min-width: 992px)
.container {
background-color: darkgray;
}

@media (min-width: 768px)
.container {
background-color: aliceblue;
}

When I open the page, though, my custom background-color are not considered and the page looks simply white.
What am I doing wrong?

Thanks for any help.
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

How are you trying to do this? By adding background colours in the programme, changing the style sheet or adding your own style sheet?

The easiest way is using the background colour settings within the programme. See attached.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2861565 Photo


Guest
2 posts

Thank you, Inger.

I realized I was missing the brackets for the media query! :)
Now everything works fine.

Best,
Andrew

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.