Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Change sidebar width

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: resolved

Tagged: .sidebar-primary, content, Infinity Pro, primary sidebar, sidebar width

This topic has 3 replies, 3 voices, and was last updated 6 years, 6 months ago by cjholbrook.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 12, 2019 at 11:47 pm #492952

cjholbrook
Participant

Hi,

Can someone please tell me how to change the width of the sidebar?
http://new.cindyjholbrook.com/2019/08/13/making-the-right-decision-for-your-business/
http://new.cindyjholbrook.com/2019/08/13/making-the-right-decision-for-your-business/

August 13, 2019 at 3:35 am #492954
andytc
Participant
The default CSS in your theme for this is shown below -
```
.content {
 float: right;
 padding: 80px 60px;
 width: 65%;
}

.sidebar-primary {
 float: right;
 width: 35%;
}
```
Add the CSS below to custom CSS to change the width of your sidebar , you'll also need to adjust the content area size as well. Both percentage widths should add up to no more than 100%. Change the percentage width examples below to get what you need.
```
.content {
 width: 75%;
}

.sidebar-primary {
 width: 25%;
}
```
August 13, 2019 at 4:16 am #492955

Brad Dalton
Participant

Or this tutorial

Tutorials for StudioPress Themes.

August 16, 2019 at 1:03 pm #493009

cjholbrook
Participant

Thanks to both of you!
I've got it fixed now.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Change sidebar width’ is closed to new replies.