Manipulating Forum Title

[larryx]

I searched the forum, but was unable to find a thread that solved this question specifically.

I want to adjust the Forum Title bar with centering and font/color. The alignment is the most important thing I am trying to solve. Being able to manipulate the font color would just be a bonus.

As it is default;

How I want to make it look;

• This topic was modified 6 years, 1 month ago by larryx.

[gVectors Team]

Hi @larryx,
Put this CSS code in Dashboard > Forums > Settings > Styles > Custom CSS Code Textarea. Save it, delete all caches, go to forum front-end and press Ctr+F5 to reset browser cache:

#wpforo-wrap #wpforo-title {
    padding: 20px 0 10px 20px;
}

[larryx]

Worked 100%. Thank you.

How/is there a way to change the color and/or the font in this area?

—————————-

I have another question about spacing. Namely the opposite side of the title area where “Unread Posts” It is justified immediate right, on the edge of the forum title area. I would like it to have the same spacing from the edge as the code you just provided for the left side of the title area. Is there a separate code for that side? It is already centered top to bottom nicely.

Unread Post

Unread Post fixed

Thank you!

[gVectors Support]

Hi @larryx,

How/is there a way to change the color and/or the font in this area?

You’ll just need to add the following lines in the above-mentioned code:

  font-size: 25px !important;
   color: #443496;

The values of the font-size and color can be changed as you like.

I have another question about spacing. Namely the opposite side of the title area where “Unread Posts” It is justified immediate right, on the edge of the forum title area. I would like it to have the same spacing from the edge as the code you just provided for the left side of the title area. Is there a separate code for that side? It is already centered top to bottom nicely.

Please use the following code:

#wpforo-wrap .wpforo-feed {
  padding: 0 20px 0 0;
}

Please don’t forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

• This reply was modified 6 years, 1 month ago by gVectors Support.
• This reply was modified 6 years, 1 month ago by gVectors Support.

[larryx]

100% thank you