Various Questions


Active member
I'm trying to replicate our old forum's look XF style, and it used to be 830px wide, as are the larger images to go with it.

This is what I have so far: Streets of Caften XF

And... here comes the onslaught of questions! (As inspect element in Google Chrome wasn't getting me anywhere :ROFLMAO: )

  1. When to define a max width for the forum, how do you align the board to be centered on the screen? Right now on that screenshot I've made it netbook friendly, but some of us have huge ones so I'd like it to just center for everyone XD
  2. How do I change the Category Node text/title colour?
  3. How do I change the text colour and text-shadow colour of a selected drop-down's tab (eg, the bit that says, "Help" when you are viewing its drop-down. Also how to change it when hovering?
  4. What does the Call to Action section tend to? I fiddled with it and didn't see anything change :confused:
  5. How do you change the width of the search bar to match the sidebar's width?
That's it for now I think :) Thanks for your help!

Jake Bunce

XenForo moderator
Staff member
1) margin: auto; will center everything. Normally that would be applied to Body or Page Width Controller as shown here:

2) Background:

Admin CP -> Appearance -> Style Properties -> Building Blocks -> Sub-Heading


Admin CP -> Appearance -> Style Properties -> Forum / Node List
> Category Strip Title
> Category Strip Description

3) This post shows the navbar CSS:

Some of them have style properties, others don't. In either case you can always duplicate that CSS into the EXTRA.css template and set any colors you want using your own CSS definitions. It's best to use EXTRA.css instead of modifying the other .css templates.

4) That is the post thread button:

Screen shot 2012-09-02 at 10.29.37 PM.png

5) Edit EXTRA.css:

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this:

.formPopup .textCtrl,
.formPopup .button
	width: 232px !important;
Found using this method: