How to make the two columns on the Staff-Group pages wider

[Edward Garrett]

Bill,
I would like to make the two columns on the Staff-Group pages wider. i.e. two equal columns across the full-width page.

Here is one of the pages…
http://inwellecentre.org/new/staff-group/advisory-board/

Thanks, Bill

[Bill Robbins]

Ed,

You can place this in the Custom CSS box. It will hide the sidebar, make the content area full width and then set the staff members to form two columns:

.term-advisory-board #content {
	width: 100%;
}

.term-advisory-board #sidebar {
	display: none;
}

.term-advisory-board .staff-member {
	width: 46%;
	margin: 2%;
}

Hope that helps,
Bill

[Edward Garrett]

Morning, Bill.
Thanks for your response…However, the page didn’t change. http://inwellecentre.org/new/staff-group/advisory-board/

Below is what all of my Custom CSS looks like…

I’m sure you’ll see the fix immediately…

#navigation .menu li ul {
width: 260px;
}

#navigation .menu li li a,
#navigation .menu li li a:visited {
width: 240px;
}

#home-widgets {
margin-top: 10px;
}

.term-advisory-board #content {
width: 100%;
}

.term-advisory-board #sidebar {
display: none;
}

.term-advisory-board .staff-member {
width: 46%;
margin: 2%;
}

[Bill Robbins]

Ed,

Try clearing your browser’s cache. When I look at the site, they’re lining up in two columns for me. Here’s a quick screenshot:

http://d.pr/i/m3kD

[Edward Garrett]

You are correct. Thank you, Bill…
Ed

[Author]

Posts