Trying desperately to change this banner

[superdollhouse]

The theme I am currently using is this. www.proboards.com/library/themes/item/1564


Now what I am trying to do is change the Banner to this:

Instead of the city landscape.

And where it says Forum title here I just want to make that disappear all together since My Banner says the name of my Forum. Ive been at this for like an hour and haven't got anywhere. Please help.

[Boy_Wonder]

Hey I'm the creator of that theme. To Do what you're after you need to go to layout templates, forum wrapper and search for this line

<div style="background-image: url(http://storage.proboards.com/5639472/i/wQ9OCvBlKDy1HC2_GWLK.png); width: 1200px; background-repeat: no-repeat; height: 500px; margin-left: 10px;">
               <h1>The Forum Title stuff is here</h1>

Its around line 46.

To change the banner image you need to change: background-image: url(YOUR IMAGE HERE); in the div tag.
Then to be rid of the forum title you need to remove the <h1></h1> tag just below that with all the information in it, it will include an a href with the class of "homelink"

[superdollhouse]

Thank You so much! Now I took the side text bar thingy off because I had no idea how to use it and this forum is just going to be for role plaing anyways so figured that wasn't necessary, hopefully it wasn't.

Only thing now is I would like to get the picture center instead of on the left if possible.



Also if the space between the banner and the boards can be reduced Id like to know how and if not I'll just make the picture bigger XD

Thank you for your help and sorry if I am being a pain.

[Boy_Wonder]

Okay to do that you'd need to:

<div style="background-image: url(http://storage.proboards.com/5639472/i/wQ9OCvBlKDy1HC2_GWLK.png); width: 1200px; background-repeat: no-repeat; height: 500px; margin-left: 10px; text-align: center;">


And you see where there's height: 500px;

You'd need to change that height to whatever height of your banner is let me know when you've done that

[superdollhouse]

ok the height is now 340

[Boy_Wonder]

Right if you go to Themes - Advanced Styles & CSS and find
#forumpart {width: 904px; float: left; margin-top: 130px; background-color: #454841; padding: 5px; padding-top: 0px; margin-left: 0px;}

You'll need to change the margin-top: 130px if you need to adjust the boards more. You'll also want to adjust the width to 1100px; as well if you're not using the side table

[superdollhouse]

Kinda lost me there. I dont see #forumpart when I click on the Advanced Styles & CSS

[Boy_Wonder]

You'd need to scroll down to find it, or again search for it using ctrl+F, its down towards the bottom if you click on the Style sheet tab

[superdollhouse]

Alrighty did that so now if I want the pic to match it I just need to resize it and redo the steps from above right?

[Boy_Wonder]

If you want the pic to match you just need to take it to 1100px and adjust the height (Where needed in both places) and the background-image url - yes

[superdollhouse]

Perfect!! Thank you so much for giving me step by step. It was a great help! Thanks for being so patient. Lovely theme btw!

[Boy_Wonder]

You're welcome!