How To Change Forum Title Font On Banner?

[Rob]

Forum URL: (private)
I would like to change the way my forum title is displayed on my banner from:

Rob's Games

to:

Rob's
Games

and I would like to increase the size of the font.
How to?

[Scott]

Rob -

Step 1:

Go to Admin > Themes > Theme Manager, click on the theme name. Under Settings tab find Options > Forum Title. Select "Do not display a title".

Step 2:

Go to Admin > Structure > Layout Templates > Forum Wrapper template. Around lines 18~19 you should see this:
  $[forum.title]
</h2>

Create a new line between those two lines and add this:
<div style="font-size:40px;color: #b2f6d4; family:Trebuchet MS,Verdana,Ariel; font-weight:Bold;text-shadow:2px 2px 2px #333333;text-align:left;line-height:100%;">Rob's<br>Games</div>

Click the Save Changes button.


Let me know how this goes.

[Rob]

Jun 24, 2024 7:14:19 GMT -8 Scott said:

Let me know how this goes.

Beautimous.

Another banner question:

When I zoom in and out by pressing the Ctrl key and moving the mouse wheel, the size of the banner picture seems to stay the same. Specifically, if I zoom out just one notch beyond the level I normally use, the banner picture starts to repeat itself on the right-hand side.
People visiting my forum will use different zoom levels, so my question is, how do I make it so the banner picture always displays properly?

[Scott]

Rob -

1. Go to Admin > Themes > Advanced Styles & CSS, Visual Editor tab, then Forum > Header (Top) > Forum Banner > Banner Image

2. For the option of Background Repeat, select "no repeat" from the dropdown.

3. At the top of the page click the Save Theme button, then after saved, click the Style Sheet tab.

4. Scroll to the very bottom and on a new line add this:
/* Banner image adjustment */
#banner {background-size: cover;}
5. Click Save Changes button.

[Rob]

Great.

Perhaps one final question:

When I'm reading a post and mouse over the four buttons near the top right (Quote, Edit, etc), the top half of the buttons change color to a lighter shade, which I don't think is normal. If I'm not mistaken, I think the entire button should change to a lighter shade. It's possible I messed up a customization setting and I don't know how to fix.

[Scott]

Jun 24, 2024 9:21:03 GMT -8 Rob said:

Great.

Perhaps one final question:

When I'm reading a post and mouse over the four buttons near the top right (Quote, Edit, etc), the top half of the buttons change color to a lighter shade, which I don't think is normal. If I'm not mistaken, I think the entire button should change to a lighter shade. It's possible I messed up a customization setting and I don't know how to fix.

You didn't mess up, that's the default hover shading/gradient.

To change this, go to Admin > Themes > Advanced Styles & CSS, Visual Editor tab, the down to Objects > Buttons > Hover > Background Image. Choose a different option and/or Background Color (field right above).

 

[Rob]

Getting back to the forum title of "Rob's Games" on my banner, I now notice that I can no longer change the color of that text the easy way. To do so, presumably I have to change those color numbers in the text you gave above, right?

[Scott]

Correct.

#b2f6d4 is the color of the text and #333333 is the color of the shadow.

These are "HEX" colors.


www.w3schools.com/colors/colors_picker.asp