SimplePortal

Customization => Themes and Graphics => Topic started by: lovely on February 16, 2011, 04:58:58 PM

Title: title bar whitespace- help needed
Post by: lovely on February 16, 2011, 04:58:58 PM

Hi there,

I searched the forum long & hard before deciding to post here therefore I hope someone will be able to help with a theme issue I'm having. I had the issue with the corners so I copied portal.css (and rtl) to custom theme and it fixed that.
However, what I've been unable to figure out is why I have a huge whitespace showing in the title bars (only happening in the center blocks) and the forum boards are not affected and shows the title bar fine. I've tried adjusting the width/height and managed to cover the white space but then the actual title shifted all the way to the right and threw off the formatting completely. Please help..I've attached screen shots and also the code I'm using in my portal.css. TIA.
UPDATE: profile update not working for versions so updating it here: SMF 2 RC4, SP 2.3.3

Code: [Select]

h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
float: left;
display: block;
/*width: 55px;*/
/*height: 85px;*/
background: url(../images/theme/main_block.png)repeat;
}

h4.titlebg span.left, h3.titlebg span.left
{
float: right;
display: block;
width: 9px;
height: 9px;
background: url(../images/theme/main_block.png);
}



Title: Re: title bar whitespace- help needed
Post by: AngelinaBelle on February 17, 2011, 11:10:14 AM

This behavior is very theme-dependant.
Can you give a link, so we can see the CSS in action?
 
Thanks.

Title: Re: title bar whitespace- help needed
Post by: lovely on February 17, 2011, 03:01:58 PM

I also tried adjusted the padding in index.css & portal.css but to no avail.....This is a very modified theme called Reference originally by Crip.

http://www.lovelythings.org/forum (http://www.lovelythings.org/forum)

Title: Re: title bar whitespace- help needed
Post by: AngelinaBelle on February 18, 2011, 10:13:59 AM

Yours is a members-only forum. I'd be happy to have a look if you supply a login username/password. You may PM this information to me, if you wish.
 
Thanks

Title: Re: title bar whitespace- help needed
Post by: lovely on February 18, 2011, 03:10:13 PM

Angelina, thanks for your reply. Unfortunately I don't have the capability to PM (maybe post count too low?) so if you could PM me, I will reply back to send you a user name/pwd.

Title: Re: title bar whitespace- help needed
Post by: AngelinaBelle on February 18, 2011, 07:22:41 PM

You are probably good now.
The fix turns out to be simple.
 
For your custom theme, in index.css, in h3.catbg, remove the line about background.
 
You can see the background is defined a little differently than the one for .catbg. And this doesn't matter in the forum because catbg is used differently there than it is in the simpleportal blocks.
 
I figured this out using IE8's developers tools.
You could do the same with firebug for firefox -- they show you all the CSS settings and let you turn them on and off like light switches.