Taller Title Bars - RESOLVED

[bubblegum]

How would i make those title/category bars higher please?

On the main forum and in the create thread area etc.  i would think perhaps something to do with a global header... or something.. i dunno.. that's why i'm here thanks !!

[bubblegum]

i guess this isn't possible?

[ishdeep1245]

Please attach some images to understand your problem easily.

[bubblegum]

Sorry, rather thought the title was self-explanatory on its own.  Looking to find a way to make the title bars taller to allow for a higher image. 

[Todge]

Jan 16, 2022 7:18:58 GMT -8 bubblegum said:

How would i make those title/category bars higher please?

On the main forum and in the create thread area etc.  i would think perhaps something to do with a global header... or something.. i dunno.. that's why i'm here  thanks !!

Add this to the bottom of your forum's CSS Stylesheet

.title-bar { height: 50px; }

and change the red number to suite.

[bubblegum]

Bless you, my hero, once again!

Who knew it could be as easy as that. i had spent way longer than i'd like to admit googling for an answer as well.

Now, with the bars larger, the titles on said bars ride up and are no longer center. Is there a code to keep them in the middle while the bars go through their little growth spurts, possibly, please?

In the image you can see how the title has slipped upward as the title bar grew taller.

[Todge]

You will have to play around with the numbers to suite your title bar height.. But try this..

.title-bar { 
    height: 80px;
}
.container > .title-bar h1, .container > .title-bar ul, .container > .title-bar h2 {
    line-height: 80px !important;
}

.container > .title-bar .bbcode {
    line-height: 70px !important;
}

[bubblegum]

Jan 19, 2022 10:08:03 GMT -8 Todge said:

You will have to play around with the numbers to suite your title bar height.. But try this..

.title-bar { 
    height: 80px;
}
.container > .title-bar h1, .container > .title-bar ul, .container > .title-bar h2 {
    line-height: 80px !important;
}

.container > .title-bar .bbcode {
    line-height: 70px !important;
}

Thank you for coming back

Ok, so this was a new one on me... lol

Title bar height, still responding normally.

The code for the containers, seems to only affect the Legend, Site Information, Shout Box, and Recent Threads Containers.  The ones above that, do not change.

Code was placed at the bottom of the CSS sheet.

[Todge]

<p>Can you please leave a link to your forum.. I will need to see it to have any chance of helping as the code I gave you work for me on my test forum.</p>

[bubblegum]

Sure thing.

LINKIE

[Todge]

Jan 20, 2022 10:37:37 GMT -8 bubblegum said:

Sure thing.

LINKIE

Thank you..

Try adding this to the CSS I gave you..

.container > .bbcode div {
   line-height: 70px;    
}

[Kami]

Jan 18, 2022 15:16:02 GMT -8 bubblegum said:

Sorry, rather thought the title was self-explanatory on its own.

Just wanted to reach out on this one real quick -- it is, but at the same time, it's a forum rule when requesting support to elaborate on the issue within the opening post, which you did! I just wanted to reassure you that you had done the process correctly and clarify what the expectation was here. Images are nice for extra clarity but rarely a requirement.

With respect to the other user that made the callout for adding an image, I am not confident that they understand the community requirements as they're a brand new member and that was their only post (:

[bubblegum]

Todge: THAT did it!! Thank you for your attention in this, i really appreciate it.

Kami: You're so sweet, thank you. i was pretty thrown, i will admit, but hey, whatever i can do to help you guys help me i will do regardless lol Appreciate the clear up! i do try to follow what i'm supposed to do. <3