Where did they hide the container width?

[Angelique]

If it makes a difference, I'm using the Modern Studio Pro child theme.

I need to find the container width when the layout is set to full width content, and also the widths of the two columns for pages with that layout. I expected to easily find the dimension (and adjust it, if necessary) but I don't see a quick option. I also don't see any reference to it in the code that I can access, except for margins and padding in the CSS.

[Christoph]

Hi,

you will find the content width around line 1737 of the style.css:

.site-container {
    box-shadow: 0 0 5px #ddd;
    margin: 40px auto;
    max-width: 1200px;
    padding: 20px 60px 100px;
}

If you only want to change it on full width pages, you probably have to create a new selector, something like .full-width-content .site-container {}

I´m not sure what you mean by the widths of the two columns.
Could be this

.full-width-content .content {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

or this

.one-half, .three-sixths, .two-fourths {
    width: 48.717948717948715%;
}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Angelique]

Speaking of lines, it's frustrating that WordPress doesn't show the line numbers. You have to look at the stylesheet in your own text editor to see the line numbers.

I finally found what I was specifically looking for in the Genesis CSS stylesheet.

/* ### Content */
.content {
	float: right;
	width: 780px;
}

/* ### Primary Sidebar */

.sidebar-primary {
	float: right; /* in our case, left */
	width: 360px;
}

/* ### Secondary Sidebar */

.sidebar-secondary {
	float: left; /* in our case, right */
	width: 180px;
}

I need to know the width of the content container so that I can make the correct proportions for my column graphics. I'm surprised that the widths can't be adjusted under Appearance/Customize. I'm glad you found the site container styling code. Thanks!

[Christoph]

There are plugins to show line numbers in the Code Editor:

WP Editor

https://wordpress.org/plugins/syntax-highlighter-for-wp-editor/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Angelique]

Thanks! I installed Syntax Highlighter for WP Editor.

[Author]

Posts