Board Descriptions & Side Bar Style

[Jay]

Here is my test forum.

Does anyone know if there's a way to put a background behind the board descriptions? In v4, it was a simple code, but I'm not sure how to do that in v5. Here's an example of what I'm talking about.

Also, how would I edit the side bars to make them a different style? Here they have a bar underneath and on top of each box, which I think looks pretty nice.

Oh, and does anyone know if the glide pm bar code has been converted to v5 yet? 

Thanks for the help! ^^

[Jay]

Bump.

Anyone? I would really appreciate the help.

[Stinky666]

Feb 17, 2013 9:23:07 GMT -8 Jay said:

Here is my test forum.

Does anyone know if there's a way to put a background behind the board descriptions? In v4, it was a simple code, but I'm not sure how to do that in v5. Here's an example of what I'm talking about.

Also, how would I edit the side bars to make them a different style? Here they have a bar underneath and on top of each box, which I think looks pretty nice.

Oh, and does anyone know if the glide pm bar code has been converted to v5 yet? 

Thanks for the help! ^^

For an image behind the board description, is very simple and no coding required.
Go to Admin > Themes > Colors & Styles > Body (Content) > Lists (Boards, Threads, Posts...) > Rows

For background image, upload the image you want/need and set your other settings to how you need them too.
Also, if you want the same background image for the descriptions on rollover/hover, don't forget to also upload and use the same settings for "Highlighted" too.

Just have a little play with all those settings in "Rows" =)

Not too sure about the other stuff you are asking though, sorry.

[FallenSamurai]

Jay

You can edit the sidebar using CSS.

This is what I came up with, using that other site as reference.


#sidebarr-left > .container {
margin-bottom: 20px;
padding: 10px 10px;
border-top: 5px solid #2E3244;
border-bottom: 5px solid #2E3244;
background-color: #E0DFDF;
}

#sidebarr-left > .container > .title-bar {
border-radius: 0px 0px 0px 0px;
}

#sidebarr-left > .container > .content {
border-radius: 0px 0px 0px 0px;
border-style: none;
background-color: #fff;
}