Extend author_info

[Luke]

So, I wanted to change the background of the author_info and for some reason it doesn't seem to extend to the bottom of the post_body. I've tried making the height 100% and inherit still nothing.

Here is what I'm seeing.

CSS:

.author_info {
	width: 155px;
	float: left;
        background: #F8F8F8;
        min-height: 100%;
	font-size: 12px;
	text-align: center;
	padding: 15px 10px;
}

Edited June 6, 2014 by Luke

[Skreamzja]

I still seem to get the same results.

I did the following:

<div class='post_block hentry clear clear fix column_view <if blah blah blah crap here.

Then I went into the styles.

.column_view .post_body {
background: #F8F8F8;
margin-left: 175px;
padding: 12px;    
}

And that seems to change just the post_body and not the author_info.

 

Sorry also missed out the important part im half asleep here its 2am.

 

change the following

.post_wrap {

to the following

.column_view .post_wrap {

and then you mess with some background hex colors.

[Skreamzja]

it's actually in fact the post_body you are wanting to edit the color of not the author_info in this case since you are wanting it to extend to the bottom.

 

So what you are going to want to do is.

ACP > LOOKS AND FEEL > SKIN NAME > TOPIC VIEW > POST

Find the following.

post_block hentry clear clearfix

and change it to the following.

post_block hentry clear clearfix column_view

and then you want to change the post_body css.

 

so now head over to the CSS part of the skin

ACP > LOOKS AND FEEL > SKIN NAME > CSS > IPB_STYLES.CSS

and change the following

.post_body {

to the following

.column_view .post_body {

then you have your column view and can change both parts. the background behind the userinfopane and then the actual content area.

 

it's how I achieved something like the following.

 

[Luke]

it's actually in fact the post_body you are wanting to edit the color of not the author_info in this case since you are wanting it to extend to the bottom.

 

So what you are going to want to do is.

ACP > LOOKS AND FEEL > SKIN NAME > TOPIC VIEW > POST

Find the following.

post_block hentry clear clearfix

and change it to the following.

post_block hentry clear clearfix column_view

and then you want to change the post_body css.

 

so now head over to the CSS part of the skin

ACP > LOOKS AND FEEL > SKIN NAME > CSS > IPB_STYLES.CSS

and change the following

.post_body {

to the following

.column_view .post_body {

then you have your column view and can change both parts. the background behind the userinfopane and then the actual content area.

 

it's how I achieved something like the following.

 

I still seem to get the same results.

I did the following:

<div class='post_block hentry clear clear fix column_view <if blah blah blah crap here.

Then I went into the styles.

.column_view .post_body {
background: #F8F8F8;
margin-left: 175px;
padding: 12px;    
}

And that seems to change just the post_body and not the author_info. Edit: Also tried .column_view .author_info with no avail.

Edited June 6, 2014 by Luke

[Luke]

Sorry also missed out the important part im half asleep here its 2am.

 

change the following

.post_wrap {

to the following

.column_view .post_wrap {

and then you mess with some background hex colors.

Yay! It worked. Thanks!

[Skreamzja]

No problem glad I could help you half asleep XD.

[Kingy]

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.

If you have other questions, please open a new topic.