How to get forum description image

Version: AwesomeBB
When I create some forum in category, I add an image as part of description. That's fine, I can see it displayed, but, is there a way to get access only to the image, seperatly from description text?



I am trying to move that image all the way left, because I removed forum icons for new, old etc. Inside template I have only this:

Code:

{catrow.forumrow.FORUM_DESC}

Good afternoon!

In the template index_box find:

Code:

{catrow.forumrow.FORUM_DESC}

Replace by this:

Code:

<div class='forum_img'>{catrow.forumrow.FORUM_DESC}</div>

Save. Publish.

In CSS:

Code:

.forum_img {
  margin-left: -50px;
}

Save.

-50px - find the right value for you

This code works, that's good. However, I can not separate text from image. They are sticked. What if i want to move text to some other part of forum look? Which is what i want. Image would follow, at the moment. Your code do this:

In description of forum:

Code:

<div class="forum_text">
   Text of description
</div>

Save.

In CSS:

Code:

.forum_text {
    margin-left: 150px;
}

150px - find the right value for you

Razor12345 wrote:In description of forum:

Code:

<div class="forum_text">
   Text of description
</div>

Save.

In CSS:

Code:

.forum_text {
    margin-left: 150px;
}

150px - find the right value for you

Ah yes, I see now how this works. It's functional but to make it perfect I need to make description maybe absolute and put it somewhere, not sure. Because I was hoping to move let's say here:



It's just an example. I can't move it like other span tags.

This we use:

In the template index_box find:

Code:

{catrow.forumrow.FORUM_DESC}

Replace by this:

Code:

<div class='forum_img'>{catrow.forumrow.FORUM_DESC}</div>

And this we use:

In description of forum:

Code:

<div class="forum_text">
  Text of description
</div>

CSS code we delete. And put this code in CSS:

Code:

.forum_img {
position: relative;
margin-left: -80px; /* press the image to border */
}

.forum_text {
  position: absolute;
  left: 139%;  /* changing the position of the comment block */
  bottom: -220%;  /* changing the position of the comment block */
  width: 200px;    /* width of comment block */
  text-align: justify;  /* align text in comment block */
}

Result:

Yes, I get it now. All I need to do is position it by my standards. Okay, thanks my man. Solved.