Canvas 7 White Space Reduction (Padding - Margins)

4 replies · opened Mar 22, 2023

SSISCANMar 22, 2023

Hi

Referring to http://std-dev.sis.rocks/23032101-SC-SubMenu.html

I am trying to reduce the white space, I searched the Style.css file for "content-wrap" and found padding entry "padding: var(--cnvs-content-padding) 0; ", I don't understand this entry and not sure how to change the Padding.

Please advise.

Regards
Barry

SSemicolon WebSTAFFMar 23, 2023

Hello,

We always recommend using the css/custom.css to add your Customizations and not edit the core file if you are not using SCSS. To edit this code, simply use the following code:
[ch_pre type="css"].content-wrap {
--cnvs-content-padding: 5rem;
}[/ch_pre]

You can change the 5rem Values according to your needs. You can find more information about CSS Variables here: https://www.w3schools.com/css/css3_variables.asp .

Hope this Helps!

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

SSISCANMar 23, 2023

Thank you.

Does the prefix "-cnvs-" relate to Canvas?

SSemicolon WebSTAFFMar 24, 2023

Hello,

Yes. For the Canvas CSS Variable it is --cnvs- and for the Bootstrap CSS Variables it is --bs-.

Hope this Helps!

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

SSISCANMar 24, 2023

Thank you.

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