Description Code from V4

[minkle]

I'm trying to edit the Description coding for v5 using a code from v4. I know that v4 codes no longer worked, so I thought I'd ask for help.

<script type="text/javascript">
<!--
// Put board description in a box..

if(/^(home|boardindex)$/.test(pb_action))
{
var color = "#121212";
var bgCSS = "text-align:justify; font-family: arial; font-size: 8px; text-transform: lowercase; font-style: none; width: 425px; color: #978E8E; letter-spacing: 1px; line-height: 10px;"; // Only use CSS style rules.

var board = document.getElementsByTagName('td');
for(b=0; b<board.length; b++)
{
if(board[b].width.match(/66%/) && board[b].onmouseover)
{
var div = document.createElement('DIV');
div.style.cssText = bgCSS;
div.appendChild(board[b].firstChild.nextSibling.nextSibling);
board[b].appendChild(div);
}}}
//-->
</script>

This is the v4 code that I'd normally be using. If I knew how to edit the description coding, which I'm slowly learning v5 as I go along, I could edit it. But finding it has been a little difficult. Any help would be appreciated <3

[Tumbleweed]

Most all of your javascript codes specifically written for ProBoards V4 will not work on V5. If you added any, you should remove them from your headers/footers.

I don't think there is a specific place to edit that in the Visual Editor but you can go to the CSS tab and add this to the bottom to style the description.
(There is a place toward the top of the css where you can edit it directly, but me being pretty new to this too, I kind of avoid messing with much up there. lol

So go to:
Admin > Themes > Advanced Styles & CSS  and then click on the Style Sheet tab.

Scroll to the bottom and add this: (add the css styles you want)

 /*changes style of board descriptions*/
.boards .main .description{
background-color: white;
padding: 8px;
}

[minkle]

Thanks I went into that area and found exactly what I needed. It isn't exactly the same, but it looks much better than how it did before. <3 Thanks!

[Brian]

Just wanted to note that there is a section to change the font styles of board descriptions on the Advanced Styles & CSS page.

Categories (Board Lists) > Descriptions

If you're looking to add background colors, borders, or anything else that's not affiliated with text, you can refer to Tumbleweed's post.

[Former Member]

May 29, 2013 21:24:50 GMT -8 Tumbleweed said:

Most all of your javascript codes specifically written for ProBoards V4 will not work on V5. If you added any, you should remove them from your headers/footers.

I don't think there is a specific place to edit that in the Visual Editor but you can go to the CSS tab and add this to the bottom to style the description.
(There is a place toward the top of the css where you can edit it directly, but me being pretty new to this too, I kind of avoid messing with much up there. lol

womenonly asked: What is the bottom code's function?
So go to:
Admin > Themes > Advanced Styles & CSS  and then click on the Style Sheet tab.

Scroll to the bottom and add this: (add the css styles you want)

 /*changes style of board descriptions*/
.boards .main .description{
background-color: white;
padding: 8px;
}

[Brian]

@womenonly: That's CSS that you would place at the bottom of Themes > Advanced Styles & CSS > Style Sheet.

That particular CSS will add a white background to your board description and 8 pixels of padding around each of its sides.

[Former Member]

Jul 9, 2013 8:52:06 GMT -8 Brian said:

@womenonly: That's CSS that you would place at the bottom of Themes > Advanced Styles & CSS > Style Sheet.

That particular CSS will add a white background to your board description and 8 pixels of padding around each of its sides.

Oh, it goes on the bottom.
Thank you so much for replying.