# Forcing Section Properties

**URL:** <https://community.hubspot.com/t/forcing-section-properties/108638>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [June 4, 2024, 5:56pm UTC](https://community.hubspot.com/t/forcing-section-properties/108638 "2024-06-04T17:56:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![brcewane](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/brcewane/32/28756_2.png) [@brcewane](https://community.hubspot.com/u/brcewane)\
**Post date:** [June 4, 2024, 5:56pm UTC](https://community.hubspot.com/t/forcing-section-properties/108638/1 "2024-06-04T17:56:27Z")

</div>

I’m trying to create a section template as part of my overall theme for our company. This theme/styling needs to be fairly strict to ensure all those who are editing the website are following the rules (spacing, padding, center content, colors etc).

However, I can’t seem to find any where that I can set/control the properties of a section template. This gives the content creators all sorts of freedom to break the rules LOL

Is there any way that I can disable or override these fields (or provide other options/choices/properties similar to modules)

 ![sections.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/8/f82e50652b4b2b4e6860216ce5cb16f9b27a95d0.png)

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [June 5, 2024, 6:47am UTC](https://community.hubspot.com/t/forcing-section-properties/108638/2 "2024-06-05T06:47:46Z")

</div>

Hey @brcewane,

I’m currently exploring those features as well - what I can say is:  
You can’t disable those features right now, but you can surely overwrite them and make them “global”.

The way to go is to put number or spacing fields into the theme fields.json file like

```lia-code-sample
{
				"name": "container_width",
				"label": "Container width",
				"required": false,
				"locked": false,
				"display": "slider",
				"step": 1,
				"type": "number",
				"min": 900,
				"max": 1600,
				"inline_help_text": "",
				"help_text": "Set the width of your content in pixels",
				"default": 1440
			},{
								"name": "row_spacing",
								"label": "Row spacing",
								"required": false,
								"locked": false,
								"type": "spacing",
								"inline_help_text": "Left and Right padding won't have an effect",
								"help_text": "",
								"default": {
									"padding": {
										"top": {
											"value": 1.25,
											"units": "rem"
										},
										"bottom": {
											"value": 1.25,
											"units": "rem"
										},
										"left": {
											"value": 1.25,
											"units": "rem"
										},
										"right": {
											"value": 1.25,
											"units": "rem"
										}
									}
								},
								"visibility": {
									"hidden_subfields": {
										"margin": true
									}
								}
							},

```

And put something like this into your theme-overrides.css

```lia-code-sample
...
{%- set container_width = theme.advanced.container_width ~ "px" -%}
{%- set row_spacing_top = theme.advanced.row_spacing.padding.top.value ~ theme.advanced.row_spacing.padding.top.units -%}
{%- set row_spacing_bottom = theme.advanced.row_spacing.padding.bottom.value ~ theme.advanced.row_spacing.padding.bottom.units -%}

.dnd-section > .row-fluid{
 max-width: {{ container_width }};
 padding-top: {{ row_spacing_top }};
 padding-bottom: {{ row_spacing_bottom }};
 margin: 0 auto {# for centering the div #}
}

```

In this example I’m using following theme fields.json structure:

```lia-code-sample
/ theme
// advanced (group)
/// container width (number field)
/// Row spacing (spacing field)

```

If you want to know more about “corporateizing” themes, let me know.

best,

Anton