A few questions

[ukguy]

Hey, I'm just using this template as an example but how do you get the entire middle a certain colour? In this case it's white, so it all looks connected. Also how do you get the top part of the forum (banner) rounded and the same with the bottom?



I'd really appreciate the help, I'm really not used to v5 yet.. 

Cheers!

[Brian]

Hi, ukguy.

Peter likely added a background color to his forum's wrapper. To do this, add the following code to the bottom of Themes > Advanced Styles & CSS > Style Sheet.

#wrapper {
    background-color: #FFFFFF;
}

This should apply a simple white background to the wrapper div. You can change the hex color in red to your preferred color if you don't fancy white.

Additional lines can be added to this code as well to provide additional effects.

[ukguy]

Mar 17, 2013 14:35:04 GMT -8 Brian said:

Hi, ukguy.

Peter likely added a background color to his forum's wrapper. To do this, add the following code to the bottom of Themes > Advanced Styles & CSS > Style Sheet.

#wrapper {
    background-color: #FFFFFF;
}

This should apply a simple white background to the wrapper div. You can change the hex color in red to your preferred color if you don't fancy white.

Additional lines can be added to this code as well to provide additional effects.

Thanks a lot mate I'm really not a coder!

Do you have any idea how to make the top banner rounded like that too?

Thanks again!

[Brian]

You can add this line as well to achieve that effect.

#banner { border-radius: 5px 5px 0px 0px; }

[ukguy]

Ahh thanks so much. ONE more question.. Was the option to move the ads removed in v5? I can't seem to find it.

[Brian]

Moving the ads was never an option in V4. It was always done via a code.

There is a plugin you can download, then upload to your forum to move the ads above the banner located here.

Instructions on how to install plugins can be found in this thread.

[ukguy]

Guys, when I change the wrapper background colour it works but leaves it the same colour all the way down to the bottom of the forum, I want it to end at "users online" like in the image above.

Also, so is there some sort of guide with the basics of codes so I don't have to keep bothering people on here? Haha. I can do the CSS part but I don't know the tags or anything.

Thanks!

[Brian]

The forum in the screenshot has its Layout Template HTML rearranged differently as well. Notice how his info center is vastly different. You'd need to reorganize the Forum Wrapper and Home templates to mimic that.

If you perform a Google search for W3Schools you'll be presented with links to HTML and CSS tutorials. They list just about every HTML tag and CSS declaration available on modern browsers as well as examples on how to use them and previews of them in action.

[ukguy]

You're a star, I've done it. Thanks!

One last question of the day (think I'm getting the hang of it touch wood..) how do I change the thread categories font to bold?

[Brian]

Can you be a bit more specific as to what you're referring to?

[ukguy]

Ha sorry. Say it was the image above, I want to change "Weeee" (below the test category) to be bold.

[Brian]

You can add the following line to the bottom of Themes > Advanced Styles & CSS > Style Sheet if you want to bold just the board names.

.boards .main .link a { font-weight: bold; }

[ukguy]

Thanks a lot Brian. I'm surprised there isn't some sort of guide with the codes and stuff, or am I missing something? It can't be this hard to do the simple things

[Brian]

All you have to do is ask.

Something like CSS is very specific to what exactly you want to do. I personally offer CSS so people can keep track of any changes they make and easily discard them if necessary. I'm not an avid user of the Visual Editor.

You may find better use out of the visual editor on the Advanced Styles & CSS page than I would.