I am using Foliage and tried to add a google adsense search box to the right or left column. The search box is slighting larger then the column and looks terrible. How can I make the left or right columns slightly larger? Thanks for your help.

Comments

margae’s picture

margae commented

The according settings in style.css are:

.two-sidebars #outerColumn {
	border-left: 15em solid #fff;
	border-right: 15em solid #fff;
}
.sidebar-right #outerColumn {
	border-right: 15em solid #fff;
}
.sidebar-left #outerColumn {
	border-left: 15em solid #fff;
}
#leftCol {
	float: left;
	margin-left: -15em;
	width: 15em;
}
#rightCol {
	float: right;
	margin-right: -15em;
	width: 15em;
}

This means that both sidebars have the same width (15 em). In order to make only the right sidebar wider you can for example change the settings to:

.two-sidebars #outerColumn {
	border-left: 15em solid #fff;
	border-right: 17em solid #fff;
}
.sidebar-right #outerColumn {
	border-right: 17em solid #fff;
}
#rightCol {
	float: right;
	margin-right: -17em;
	width: 17em;
}

If 17em are not enough you can still make the sidebar wider. It's only important to note that the border-widths, widths and negative margins must have the same values for either the left or the right sidebar.

Thomasr976’s picture

Thomasr976 commented
Status: Active » Closed (fixed)

Many thanks. I will close this request.