Have a gap between banner and user bar

[enderboy]

Hi, on my forum aerorevived.boards.net there is no gap between the banner and the user bar (home profile messages ect). Is there a plugin that can change that?

[Kami]

Jun 1, 2024 11:15:37 GMT -8 enderboy said:

Hi, on my forum aerorevived.boards.net there is no gap between the banner and the user bar (home profile messages ect). Is there a plugin that can change that?

Moved this to the Support board since you don't need a plugin to accomplish this. How large of a gap are you wanting to have?

[enderboy]

Jun 1, 2024 19:30:06 GMT -8 Kami said:

Jun 1, 2024 11:15:37 GMT -8 enderboy said:

Hi, on my forum aerorevived.boards.net there is no gap between the banner and the user bar (home profile messages ect). Is there a plugin that can change that?

Moved this to the Support board since you don't need a plugin to accomplish this. How large of a gap are you wanting to have?

About 10 cm

[Scott]

enderboy -

There are a couple ways to do this depending on how exact you want to be:

Fixed gap - adding a br tag to the layout:
1. Go to Admin > Structure > Layout Templates, Forum Wrapper template.
2. On line 20 you will see this:
</div>
3. Change it to this:
</div><br />
4. Save layout changes

See if that gives you the amount of gap you want.

OR

Height options - using CSS:
1. Go to Admin > Themes > Advanced Styles & CSS, Style Sheet tab
2. Scroll to the bottom of the style sheet and on a new line add this:
#banner-container {margin-bottom: 20px;}     You can change the 20 value to adjust the gap height.

3.  Save theme changes.

[enderboy]

Jun 2, 2024 7:21:34 GMT -8 Scott said:

enderboy -

There are a couple ways to do this depending on how exact you want to be:

Fixed gap - adding a br tag to the layout:
1. Go to Admin > Structure > Layout Templates, Forum Wrapper template.
2. On line 20 you will see this:
</div>
3. Change it to this:
</div><br />
4. Save layout changes

See if that gives you the amount of gap you want.

OR

Height options - using CSS:
1. Go to Admin > Themes > Advanced Styles & CSS, Style Sheet tab
2. Scroll to the bottom of the style sheet and on a new line add this:
#banner-container {margin-bottom: 20px;}     You can change the 20 value to adjust the gap height.

3.  Save theme changes.

Thanks Scott