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

XF 1.4 Colour guide

Discussion in 'Styling and Customization Questions' started by flitigalisa, Sep 13, 2014.

  1. flitigalisa

    flitigalisa Active Member

    I tried to search but I cannot really find a guide to the colours. Anyone who can point me in the right direction or explain the colour settings in the secondary colour section of the palette?
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    There is no guide.
    Each colour in the palette is used in multiple locations.
    You will need to change them one at a time and see which areas are affected.
     
  3. flitigalisa

    flitigalisa Active Member

    It took a while and worked almost A ok until I reach the bottom section where changes seem really hard to pull off without making it unreadable in another place you never could imagine was changed at the same time :cry: Guess I'm back on the trial and errors.

    But maybe you can tell me if it's possible to get rid of the gradient bars hosting the categories on the front page of the forum. I'd like to keep the bars but if they could be in one colour it really would make my day :D
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    The gradient images can be removed via Style Properties - Building Blocks
     
    flitigalisa likes this.
  5. Amaury

    Amaury Well-Known Member

    I have a resource showing the basics of styling here.
     
  6. flitigalisa

    flitigalisa Active Member

    Very helpful, thanks! (y)

    A follow up question though. In which groups would I find the settings to tweak how me and the members look in this environment. Avatar background and such. So far I cannot seem to work it out:(
     
  7. Neil E.

    Neil E. Active Member

    You will drive yourself crazy trying to use the color palette. It's OK for a few broad changes, anything past that is better done in Style Properties, or better still just put the relevant CSS in template EXTRA.css. Use Firebug in Firefox to identify the element you want to change.
     
  8. flitigalisa

    flitigalisa Active Member

    I found the style properties but still find it hard to figure what changes what and what goes where. It will obviously take some time but I'll get there, eventually.. ;)
     
  9. Amaury

    Amaury Well-Known Member

Share This Page