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

XF 1.2 Editing Appearance Items

Discussion in 'XenForo Questions and Support' started by majesty95, Aug 12, 2013.

  1. majesty95

    majesty95 Active Member

    For the most part, I have my forum set up the way that I want it. However, there are a few areas that I cannot figure out how to change. Any help would be appreciated!

    1. When I hover over an item on the top nav bar it is white because the color palette template also controls my text and I wanted that white. So how do I change just the nav bar hover so I don't have to change my text color?

    XenForo 6.jpg

    2. When I hover over the "admin" option I get a dark box and text which is hard to read. This is not as big of an issue as the above one, but I'd still like to fix it if possible.

    XenForo 7.jpg

    3. The banner bar (or whatever it is called) is also tied to my text color. Eventually I will have a custom banner to replace it but I'd like to not have that white stripe across the top. How can I change that and remove/replace the XenForo text?

    XenForo 8.jpg

    4. The footer bar is also in white and for obvious reasons I would like to change that as well.

    XenForo 9.jpg

    I'd appreciate any help in fixing these as I feel those are mostly the last things that I wanto change before I feel the appearance of my forum will be to my liking :D
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    1.
    Code:
    .navTabs .navTab.PopupClosed:hover {
    background-color: red;
    }
    2.
    Code:
    #moderatorBar .adminLink:hover {
    background-color: red;
    }
    3. Style Properties -> Header and Navigation -> Settings -> Header Logo Image Path (upload a new image and change the path)
    Style Properties -> Header and Navigation -> Header -> Background Color

    4. Style Properties -> Footer -> Main Container -> Background Color
    or
    Code:
    .footer .pageContent {
    background-color: red;
    }
     
    majesty95 likes this.
  3. majesty95

    majesty95 Active Member

    @Brogan Thank you so much! My new best friend! :D

    One more if you don't mind? The text in the "URL" field is too dark. I thought it might be popup but no luck...

    XenForo 14.jpg
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Code:
    .xenOverlay .formOverlay .textCtrl {
    color: red;
    }
     
  5. majesty95

    majesty95 Active Member

    Thanks again! Is there a way for me to find these on my own? I'm sure I'll have more now that I see my options :)
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Use one of the browser inspection tools, such as that built in to Chrome or Firebug if you use Firefox.

    upload_2013-8-13_0-15-36.png
     
    majesty95 likes this.
  7. majesty95

    majesty95 Active Member

    Is there a way to detect which template area the code is in from "inspect element"? Most of them I have found but I cannot figure out where to change the name of the tabs in the navbar. I figured it would be in the add on controls but no such luck. Its the "Shoutbox" tab in the first pic a few posts ago that I'd like to rename...
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

  9. majesty95

    majesty95 Active Member

    Thanks. That helps! I do have one that I can't figure out though. When I get an alert and hover the alert tab, the alert box is white. After a second or so it goes to the preferred color. How can I change it so that it always shows the same color? My text is light so it just looks like a bright white box before it goes back to normal...
     

Share This Page