Title Bar Images Getting Cut Off

[pancakesfordinner]

Hello, 

I'm adding images to category titles. I put the image code in the category display name, but most of the right half of the image is cut off, as if the category title area extends only to the end of the forum title column. How can I fix this?

Site: specularis-hp.boards.net/

[Brian]

Hi, pancakesfordinner.

The title of the category is normally contained within an <h2> element. By default the ones on the homepage are a certain width. You can place this at the bottom of Themes > Advanced Styles & CSS > Style Sheet to make them always meet the width of the container.

.container > .title-bar.bbcode h2 {
    width: auto;
}

[pancakesfordinner]

That fixed it. Thanks!

[pancakesfordinner]

After fixing this I noticed another issue, I wondered if you might be able to help with that too before I post a new thread.

The images are now very slightly off-center. Same with the images I used in sidebar category titles. I tried to add center tags to the image, or mess with the width, but that didn't seem to do anything.

[Brian]

There's an element surrounding them that has padding, pushing it away from the sides of the title bar.

Adding this to your style sheet should fix it.

.title_wrapper {
    padding: 0;
}

[pancakesfordinner]

Thank you again