1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Various Questions

Discussion in 'Styling and Customization Questions' started by Drae, Sep 2, 2012.

  1. Drae

    Drae 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!
  2. Jake Bunce

    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:


Share This Page