Is there a color setting inside style.css?

Wappler General
1

I’m wondering if there is a background color set for all media groupings? It would be helpful when looking at a specific class and verifying whether it is or is not inside a media section.

2

I am not sure what you are getting at nor do I know your proficiency level. That is why I will start at the lower level.

  1. style.css is an empty file to which you can create your own style rules.
  2. If you want to apply different background colours to the different screen sizes, then you can do this by adding the following rules to style.css:
    @media (min-width: XXX) {
    SELECTOR {
    {background-color: YOURCOLOUR;
    }
    }
    where XXX represents the breakpoints in Bootstrap. These are:
    576px, 768px, 992px, 1200px and 1400px.
    The SELECTOR can be an element like BODY, an ID like #MYID or a class like .MYCLASS

If this is not what you are looking for, please come back here.

3

Thanks Ben - I’m not sure of my proficiency level either :slight_smile:

I hope this image helps with the clarification. In addition to the ability to collapse the media types, setting a color to each could assist when looking at a style file and the uncollapsed section appear.

Thirty lines between a section (media 992 95-121) just about pushes the beginning of the section off the screen - so I’m is second guessing do I have the right class/media when I’m making changes. Just a general inquiry.

Style 2022-06-12 090102
Style 2022-06-12 0901021577×685 41.3 KB

4

There’s no such an option (different color coding for media queries) in the code editor.

2 Likes