[vB4] How to add text next to my banner image?

[wer0ckz]

Hi. I'm not sure if this is the right category. Help please.

I need help how to add text next to my banner image. text: "CUSTOMER SUPPORT CENTER" exactly the same font and color like this screenshot: http://postimage.org/image/uyzxmx0d1/ - or http://billing.sophio.com

What part of admin panel should i go to add text?

[BirdOPrey5]

You would need to manually edit your header template and play around with where you can add the text so it looks right. That isn't a built in option.

[wer0ckz]

I'm using the default template. How to edit the header template? or what file? help me please. thanks

[BirdOPrey5]

To edit a template you open your "Admin CP"

On the side menu click on and expand "Styles & Templates"

Click on "Style Manager"

Choose your style from the list and choose "Edit Templates" from the drop-down menu.

You will get a list of templates, scroll down the "header" and double click on it.

This will open the template in a text-editor box where you can make changes to it.

If at any time you need to go back to the default code (erase all changes) then on the previous screen there is a button that says "Revert" - Highlight the template name (header), then press the "Revert" button and the template will be returned to its default value.

[wer0ckz]

Thank you for helping me. I'm almost there. I added a text: "CUSTOMER SUPPORT CENTER" http://forums.sophio.com/ - I need help finder the right .css file to add some padding or margin-bottom. Which .css file should I edit?

Thanks

[BirdOPrey5]

You should never edit any CSS template except additional.css.

I see the text you added is in a div with a class called: header_text

Therefore add this code to the additional.css template:

.header_text {
  padding-bottom: 5px;
  margin-bottom: 2px;
}

Obviously use values that work best for you, you can put any CSS you need in there.

[wer0ckz]

got it. thank you so much!

- - - Updated - - -

one more thing. i think this would be the last one. please see screenshot: http://postimage.org/image/p7nkgt0or/ - I really wanted to put the text exactly next (right side) of the logo. Where in header template should i put the text? Please help THanks

- - - Updated - - -

fixed! i created a table -

<div class="above_body"> <!-- closing tag is in template navbar --> <div id="header" class="floatcontainer doc_header">
<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><table> <tr> <td> <img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /> </td> <td> <div class="header_text"> CUSTOMER SUPPORT CENTER</div> </td> </tr> </table></a></div></vb:if>

Thanks for your help