SimplePortal
Development => Bugs => Fixed or Bogus Bugs => Topic started by: natasa on May 01, 2012, 08:57:25 AM
-
Hello!
I have just installed SMF 2.0.2 and SP 2.3.5 on address: med1.serbianpress.com (http://med1.serbianpress.com)
When I go on Style Options of the block (User Info, for example)
and try to put in Custom Title Style: background: blue;
instead of blue background of title, I get only little blue peace at the beginning of title background (you can see it on forum address I left you).
I do not have anything else installed or changed.
Is that a bug or what?
Thanks.
-
The link you provided doesn't seem to work anymore, but if I understand correctly, the whole bar should be blue rather than a little bit of it, right? :)
-
Yes, the whole bar should be blue,
I think that Custom Title Style is used for that?
Thanks.
-
SMF2 uses css2 image sprites to create the rounded corners on things like title bars. If you look at the index.css file you'll see numerous references to main_block.png. To create the radius corner at the left and right a bar there will be two overlapping backgrounds, slightly offset. You'll need to find both of those and edit both of them to your new colour.
If you use something like firefox's firebug add on (chrome has a similar function built in I believe) you'll be able to see what css styling is being applied to what part of the displayed webpage.
If you need the radius corners you'll need to edit that main_block.img in a suitable image editor. Not that easy. To see how your forum looks without radius corners simply rename the main_block.img file, say main_block_bak.img so you can reverse the effect later. You may find that is acceptable for your users that don't have modern browsers. CSS3 has become more widely supported than when SMF2 was first developed. You might want to ry adding border-radius CSS3 styling to replace the image sprites.
Note that other parts of the forum use other images to create the rounded effects.
-
Thank you movedgoalposts for reply.
I tried to find easier solution that can be managed without messing with the rest of css.
I think that this is working:
I put in Default Title Class: catbg3
and in Custom Title Style: background: blue;
and adjust line-height for menu title.
And it is working.
Corners are not rounded, but it can be done with radius css options, I suppose
(did not have time to try).