Change height of catbg div

[?Almirena?]

Hello,

For SMF 2.0.11, using the default theme Curve, how can we increase the height of the catbg div? (The gifs we're using for the Info Centre's "Forum Stats" and "Users Online" are a little taller than the div, and thus only partly appear...)

[Antes]

div.cat_bar (index.css) has its height defined change it as its suits you.

[?Almirena?]

Hi  - I should have looked more carefully... It's actually the title_barIC div which is the target.

I can change the height of the div in index.css, but no matter how much I increase that height, part of the gifs are still not visible.

Additionally, the background in the div then becomes a problem.

[Antes]

I suggest you to inspect the elemnts via dev tools of browsers (all of the modern browsers has this feature) and solve problem looking for what's messing.

cat_bar 's background is 2 part actually, one part is created by div.cat_bar second part is created by cat_bg. Same applies for other title_barIC / title_bar etc...

[?Almirena?]

Thanks, Antes. I appreciate your help,

This is what I ended up doing, in order to achieve the necessary change. If anyone else needs something similar in the future, I hope this will help them too.

In index.css, find

Code Select Expand

h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
overflow: hidden;
height: 31px;
line-height: 31px;
font-size: 1.2em;
font-weight: bold;

and change to

Code Select Expand

h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
overflow: hidden;
height: 50px;
line-height: 31px;
font-size: 1.2em;
font-weight: bold;

Find

Code Select Expand

div.title_barIC
{
background: #dadfe6 url(../images/theme/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}

and change to

Code Select Expand

div.title_barIC
{
/*background: #dadfe6 url(../images/theme/main_block.png) no-repeat 0 -120px;*/
background-color: #dadfe6;
padding-left: 9px;
height: 50px;
overflow: hidden;
margin-bottom: 1px;
}

Find

Code Select Expand

div.title_barIC h4.titlebg
{
background: url(../images/theme/main_block.png) no-repeat 100% -120px;
}

and change to

Code Select Expand

div.title_barIC h4.titlebg
{
/*background: url(../images/theme/main_block.png) no-repeat 100% -120px;*/
background-color: #e3e9ef;
}

Find

Code Select Expand

h4.titlebg, h3.titlebg
{
background: url(../images/theme/main_block.png) no-repeat 100% -200px;
padding-right: 9px;
}

and change to

Code Select Expand

h4.titlebg, h3.titlebg
{
background-color: #e3e9ef;
/*background: url(../images/theme/main_block.png) no-repeat 100% -200px;*/
padding-right: 9px;
}