Sidebars in NewsPro

[Harley130]

How would I go about making the width of the two sidebars equal. At present the primary sidebar is wider than the secondary sidebar.

[Jeremy]

Hi Harley.
Can you post a link to your site?
It makes it much easier to help out.

---

If you want to say thanks Follow me on Twitter | My Website

[Harley130]

Thanks for the response Jeremy, site is in development and I'm using the standard NewPro theme.
This is the area I'm experimenting with trying to resolve the widths in css

/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
/*width: 960px;*/
width: 910px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
float: right;
}

/* Content */

.content {
float: right;
width: 778px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content {
border-right: 1px solid #e3e3e3;
float: left;
}

.sidebar-content-sidebar .content {
/* border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3; */
border-left: 1px solid #1b4269;
border-right: 1px solid#1b4269;
border-top: 1px solid #1b4269;
border-bottom: 1px solid #1b4269;
float: left;
}

.sidebar-content .content,
.sidebar-sidebar-content .content {
border-left: 1px solid #e3e3e3;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
width: 600px;
}

.full-width-content .content {
width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
float: right;
/*width: 360px;*/
width: 310px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
float: left;
}

.sidebar-sidebar-content .sidebar-primary {
border-left: 1px solid #e3e3e3;
}

.content-sidebar-sidebar .sidebar-primary {
border-right: 1px solid #e3e3e3;
}

/* Secondary Sidebar */

.sidebar-secondary {
float: left;
font-size: 14px;
font-size: 1.4rem;
/*width: 178px;*/
width: 228px;
}

.content-sidebar-sidebar .sidebar-secondary {
float: right;
}
The changes I've made are below the commented out original settings.

[Harley130]

As a point of interest, If anyone else wants to change the side bar widths, then here is a brief explanation.

How to change Sidebar widths by Arun Pal Singh http://homeforprofits.com/wordpress/how-to-change-sidebar-width-in-your-genesis-child-theme/

It's very basic, but was the nudge in the direction I needed to know.

[Author]

Posts