Sidebar Images and Banner Question

[harbinger]

Hello there,

I am the Admin for Stargate SG-1; Sovereign's Continuum

I. Having trouble with putting in images into the sidebars. I can figure out how to input the images but this keeps happening 



The image is cut off on the right hand side and doesn't align properly. I have tried what I know in order to fix it by the align coding but it's not working.
How can this be fixed? I used the ProBoards Sidebar Plugin and unsure whether it has settings that are applicable to this problem. 

II. Would like to know how to make my sidebars go alongside the banner like this;


I am a complete and total newbie to coding and what have you so would love to know how to do this.

Thanks!

[Brian]

The ProBoards Sidebar doesn't have the ability to go alongside the banner. The Sidebar Redux plugin is currently the only sidebar to offer that option.

As for the content cutting off, if your content exceeds the boundaries of any containers on your forum, it will cut off. The container will never stretch to accommodate your content. To make the image fill the whole of the title bar area, you'll need to modify the sidebar CSS to remove the padding and height requirements of that area (which is again made much easier with the aforementioned sidebar plugin).

[harbinger]

I've been ultra busy lately and haven't had the chance to reply here.

The images are no longer being cut off but they still don't fit the entirety of the table title container...

I have no idea what I'm doing around coding. Could you tell/show me a screenshot of where exactly I need to go to change these padding and height requirements to fit the 215x72 images?

[Brian]

Adding this to the bottom of Themes > Advanced Styles & CSS > Style Sheet should make them fit much more nicely once you change the width of the sidebar to match them. The name in green is the ID you gave the container that you want to change. The pixel amount in red is the height of the image you're using in the title bar of that container.

Copy this and change the name in green for each of your containers.

#StargateCommand > .title-bar { padding: 0px; min-height: 0px; height: 69px; }
#StargateCommand > .title-bar h2 { line-height: normal !important; }

Did you change the images? They seem to be 205x69 now.

[harbinger]

Naw, I just put up the older images by mistake.

Everything's updated and everything is working and looking how it should be.

Thank you Brian! You've been most helpful!

[Brian]

Looking good!

If you intend to keep Word Count as text, you can leave that one out. Right now it's stretching to silly proportions.

Glad to be of help.