Recent Topics

1 Mar 20, 2008 21:45    

My b2evolution Version: 2.x

I'm using Asevo on my site. I want to make the column with all my blog postings about twice as wide as it is now, and I want it touching the left side. I'm a .css noob. What do I change to accomplish this?

my site
http://www.jamesdemastus.com/blogs/index.php/all/

the asevo css

/* Designed by Asevo - http://asevo.com */

@import url(../../rsc/css/basic.css);	/* Import basic styles */
@import url(../../rsc/css/img.css);	/* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);	/* Import default form styles */
@import url(../../rsc/css/comments.css);	/* Import default comment styles */

/*
 * Main page construct:
 */
body {
	background-color: #fff;
	color: #000;
}

div.head_zone {
	background-color: #393939;
	padding: 0 1em;
	margin-bottom: 3px;
	}
div.nav_zone {
	background-color: #ccc;
	padding: 0 1em;
}
div.main_zone
{
	padding: 0 1em;
}
div.foot_zone
{
	background-color: #e0e0e0;
	padding: 0 1em;
}

div.inner_wrapper
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	width: 88ex;
	margin: 0 auto;
	padding: 1px;
}

.evo_main_area /* Left column */
{
	width: 62ex;
	float: left;
	overflow: hidden;
}

.evo_sidebar /* Right column */
{
	width: 23ex;
	float: right;
	overflow: hidden;
}

p.baseline {
	font-size: 76%;
	margin: 3px;
}

/*
 * General styles:
 */
div.clear {
	clear: both;
}

a {
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #aaa;
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 2ex 0 1ex 0;
	color: #e00000;
	font-size: 100%;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #e00000;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h6 a:hover,
h6 a:hover {
	color: #aaa;
	text-decoration:none;
}


/*
 * Header / bloglist on top:
 */
div.PageTop,
div.top_menu {
	margin: 3px 0;
}
div.PageTop ul,
div.top_menu ul {
	margin: 0;
	list-style-type:none;
	padding: 0;
	float: left;
}
div.PageTop li,
div.top_menu li {
	display: inline;
	padding-right: 1em;
}
div.PageTop a {
	color: #aaa;
}
div.PageTop a.selected {
	color: #fff;
	font-weight:bold;
}
div.top_menu a {
	color: #333;
}
div.top_menu a.selected {
	font-weight:bold;
}


/*
 * Title area styles:
 */
div.evo_title_area {
	margin: 1em 0;
	padding: 0;
}
div.evo_title_area h2 {
	font-size: 180%;
	margin: 2em 0 0 0;
	padding: 0;
}
div.evo_title_area div.widget_core_coll_tagline {
	letter-spacing: 4px;
	margin: 1ex 0;
}


/*
 * Styles for content
 */
table.prevnext_post {
	width: 100%;
}
table.prevnext_post td {
	font-size: 84%;
	padding: 0;
}
table.prevnext_post td a {
	color: #aaa;
}
table.prevnext_post td a:hover {
	color: #000;
	text-decoration:underline;
}

.evo_req_title {
	margin: 0 0 2ex 0;
	padding: 1px 0;
	border-bottom: 2px solid #aaa;
}
.evo_post
{
	clear: both;
	margin: 0 0 5ex 0;
	padding: 0;
}
.evo_post_title {
	font-size: 100%;
	color: #e00000;
	margin: 1ex 0 .5ex 0;
	border-bottom: 1px solid #aaa;
}
.evo_post_head {
	font-size: 76%;
	color: #999;
}
.evo_post_text {
	font-size: 84%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.evo_post_text p {
	margin: 1em 0;
}
.evo_post_foot
{
	color: #999;
	font-size: 76%;
	clear: both;
	margin: 1ex 0 2ex 0;
}

.evo_post_text a {
	text-decoration: underline;
}


.evo_post_head a,
.evo_post_foot a {
	color: #999;
}



input.bComment,
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}
select.bComment		/* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


/*
 * Styles for sidebar (right)
 */
.evo_side_item {
	font-size: 84%;
	margin: 2ex;
	padding: 0 0 2ex 0;
	border-bottom: 2px solid #e0e0e0;
}

.evo_side_item ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.evo_side_item ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.evo_side_item form {
	margin-top: 0px;
	margin-bottom: 0px;
}

input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

/*
 * Special SideItems:
 */
.widget_plugin_evo_Calr,
.widget_core_coll_title,
.widget_core_coll_longdesc {
	padding: 0;
}
.widget_core_coll_title,
.widget_core_coll_longdesc {
	border-bottom: none;
}

/* Calendar: */
table.bCalendarTable caption {
	border: 1px solid #ccc;
	background-color: #eee;
	border-bottom: 0;
}
table.bCalendarTable {
	width: 100%;
	border: solid 1px #ccc;
}
table.bCalendarTable td {
	color: #ccc;
}
table.bCalendarTable td.bCalendarLinkPost {
	color: #000;
}
table.bCalendarTable tfoot td {
	background-color: #eee;
	border-top: 1px solid #ccc;
}
table.bCalendarTable tfoot a {
	text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
	background-color: #aaa;
	color: #000;
}
th.bCalendarHeaderCell {
	color: #ccc;
	font-weight:normal;
}
#bCalendarToday {
	background-color: #aaa;
}

2 Mar 20, 2008 22:06

Hi, you have to play around with these css elements in your styles css.. Note the margin-left and simply play with width until your happy.

div.inner_wrapper
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	width: 166ex;
	margin-left: 0 ;
	padding: 1px;
}

.evo_main_area /* Left column */
{
	width: 134ex;
	float: left;
	overflow: hidden;
}

3 Mar 21, 2008 04:34

thanks, i figured it out with your help!


Form is loading...