Playing with columns width in Reddle

Hi Amardeep,

Need your advice in decreasing the margin on left and right of the main columns. How can i do that ?

You can move the sidebar to the right and toggle with its width using the following snippet:

#main .widget-area {
    margin-right: 9.464285714286%;
    width: 33.571428571429%;
}

After that, you can then decrease/increase the margin of the main content using the following:

.secondary #content {
    margin: 0 51.25% 0 9.464285714286%;
}

Change the value of 51.25% to decrease/increase the margin on the right and 9.464285714286% to decrease/increase the margin on the left.

As an extra note: Please do not edit the theme’s style.css directly. Any changes you make there will be lost when it comes time to update your theme.

Instead, you can add custom CSS, via a child theme or a custom CSS plugin. If you have Jetpack active then you can also enable its custom CSS module.

Also all the percentage values mentioned in style.css are pretty weird like 12.464285714286. Can i keep it simple like 12,15…or there is some specific reason why the width is divided into some weird percentages ?

The values you noted likely came about after trial/testing across multiple devices and browsers from the theme’s author. You can keep simplify the numbers if you wish to.