Canvas Support

Need to change the "stretched device-md" color

5 replies · opened Apr 20, 2020

RrealworkzApr 20, 2020

Hi,

I wanted to know how to change the color of this css "stretched device-md" attached is the screenshot

Regards
Ramesh

SSemicolon WebSTAFFApr 20, 2020

Hello,

Apologies about the misunderstanding. Do you mean that you would like to change the color for the <body> Tag? Because these classes are applied on the <body> Tag. If no, please highlight the section in the Screenshot so that we can provide you with further assistance. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

RrealworkzApr 20, 2020

Hi Team, I was referring to the header section marked in red in the screenshot,

SSemicolon WebSTAFFApr 20, 2020

Hello,

Thanks so much for providing us with more relevant information.

There can be 2 possible solutions for this:

  1. If you are planning to change the BG Color of the Header only on MD Devices, use the following CSS Code:

.device-md #header-wrap {
	background-color: #FF0000 !important;
}
  1. However, if you would like to change the BG Color of the Header starting from MD Devices until Mobile Devices, use the following CSS Code:

@media (max-width: 991.98px) {
	#header-wrap {
		background-color: #FF0000 !important;
	}
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RrealworkzApr 21, 2020

Awesome! thanks lot for your response, it works

SSemicolon WebSTAFFApr 21, 2020

Hello,

Glad that your issues were resolved. Very Happy to Help!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard