Community Forums › Forums › Archived Forums › Design Tips and Tricks › Sidebars in NewsPro
Tagged: NewPro theme
- This topic has 3 replies, 2 voices, and was last updated 11 years ago by
Harley130.
-
AuthorPosts
-
January 23, 2014 at 9:47 pm #86754
Harley130
MemberHow would I go about making the width of the two sidebars equal. At present the primary sidebar is wider than the secondary sidebar.
January 24, 2014 at 6:37 am #86786Jeremy
MemberHi 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
January 24, 2014 at 9:04 am #86813Harley130
MemberThanks 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.January 27, 2014 at 8:27 pm #87379Harley130
MemberAs 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.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.