Edit header font size/style

[mike2385]

Hello Everyone,

I recently created my first forum site on ProBoards and although I was able to create a header with some intro to the forum type text, the font is very small. Is there a way for me to make it bigger or customize to the font of the header? 

[Tumbleweed]

Sept 9, 2015 12:11:32 GMT -8 mike2385 said:

Hello Everyone,

I recently created my first forum site on ProBoards and although I was able to create a header with some intro to the forum type text, the font is very small. Is there a way for me to make it bigger or customize to the font of the header? 

Since you didn't provide a link to your forum I'm sort of guessing as to how you added that but you can just put a div around what ever you added with the style in it:

<div style="width:700px; font-size:14px;">

Your intro text here

</div>

[mike2385]

 i am not sure where i am supposed to enter the code...so far just been using the proboards interface without having to touch any code. 

here is the site: healthexecforum.proboards.com/

[Tumbleweed]

Sept 9, 2015 12:55:07 GMT -8 mike2385 said:

 i am not sure where i am supposed to enter the code...so far just been using the proboards interface without having to touch any code. 

here is the site: healthexecforum.proboards.com/

Appreciate the link and viewing your site my initial thought was you added that text via your main header but since you said, "proboards interface" I'm second guessing myself. Since there are many means to get text like that on a page such as a template addition, global or main header addition or even plugin addition, can you tell me where you went in your admin. panel to add it? Thanks 

If the main header then you'd simple add that div around your text: (I added a bit more to center it and give it a width as well as the font size.)

<div style="margin:auto; width: 700px; font-size:14px;">
Welcome to the Healthcare Executive Forum. HealthExecForum is a community of healthcare managers, executives, policy makers and the like with a goal of providing an anonymous way to ask questions, share ideas, and get help and opinion on issues.
</div>

[Azy]

I made a styled welcome banner based on the style of the news feed bar. 


Go to your Home template, and add this at the very very top

<div class="WelcomeText">Welcome to the Healthcare Executive Forum. HealthExecForum is a community of healthcare managers, executives, policy makers and the like with a goal of providing an anonymous way to ask questions, share ideas, and get help and opinion on issues.</div>



Next, add this to your CSS page right at the very bottom

.WelcomeText

{

   position:relative;

   color: @nav_tree_color;

   font: @nav_tree_font;

   font-size:100%;

   margin-bottom:10px;

   z-index: 9;

   height: 24px;

   line-height:24px;

   background-color: @nav_tree_background_color;

   border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color;

   .rounded-corners(@nav_tree_border_radius);

}



Best of luck 

[mike2385]

Sept 9, 2015 14:32:43 GMT -8 Tumbleweed said:

Sept 9, 2015 12:55:07 GMT -8 mike2385 said:

 i am not sure where i am supposed to enter the code...so far just been using the proboards interface without having to touch any code. 

here is the site: healthexecforum.proboards.com/

Appreciate the link and viewing your site my initial thought was you added that text via your main header but since you said, "proboards interface" I'm second guessing myself. Since there are many means to get text like that on a page such as a template addition, global or main header addition or even plugin addition, can you tell me where you went in your admin. panel to add it? Thanks 

If the main header then you'd simple add that div around your text: (I added a bit more to center it and give it a width as well as the font size.)

<div style="margin:auto; width: 700px; font-size:14px;">
Welcome to the Healthcare Executive Forum. HealthExecForum is a community of healthcare managers, executives, policy makers and the like with a goal of providing an anonymous way to ask questions, share ideas, and get help and opinion on issues.
</div>

Thank you! that worked!!