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

Style Properties?

Discussion in 'Styling and Customization Questions' started by FredC, Jun 7, 2012.

  1. FredC

    FredC Well-Known Member

    ive poured over the style properties for hours now and i just cant seem to find the variables that controls the sidebar on the "Personal Details" pages (specifically on hover and the border).. Any help would be greatly appreciated.
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    That one doesn't have a property. You need to use some custom CSS.

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

    Add this code:

    .accountSideBar a:hover
    	background-color: red !important;
    	color: green !important;
    FredC likes this.
  3. FredC

    FredC Well-Known Member

    Thanks Jake, That did it!! :)
    Now im having the same (but different) issue on another forum.. Could you help with the properties for titles on profile pages?
  4. Russ

    Russ Well-Known Member

    At work now or I could grab it for you, but VonDoom if you use Firefox you can install the plugin FireBug to locate these fixes extremely fast. Chrome also has a built in thing as well you can see which css properties each element is using. Just a heads up (y)
    FredC likes this.
  5. FredC

    FredC Well-Known Member

    Thanks for the Tip Russ, Unfortunately im not all that versed in comprehending elements inside those tools. I tried in the past with limited success.
  6. Neil E.

    Neil E. Active Member

    I've been looking at the FireBug addon. It seems very powerful. Would it be too powerful for a beginner? The ability for live HTML editing is a bit scary. I have issues finding things like the sidebar properties and wonder if FireBug is the answer. Or would you recommend FireBug Lite?

    @Jake: How do you locate things so quickly and easily?
  7. Shelley

    Shelley Well-Known Member

    Unsure what your wanting to alter, is it the text? if so throwing the following into extra.css should work

    .profilePage .mast .text {
        color: #ff0000 !important;
    if it's the sidebock header background the following will work

    .profilePage .subHeading {
        background: url("@imagePath/xenforo/gradients/yourimage.png") repeat-x scroll center bottom #535353;
    This might all be configurable in the style properties though.
    Jake Bunce and FredC like this.
  8. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I use Chrome which has built-in dev tools very similar to Firebug. Load the page. Turn on the dev tools. Find the element in the HTML source and look at the relevant CSS associated with that element.
    Shelley likes this.
  9. FredC

    FredC Well-Known Member

    Jake are you talking about the "Inspect Element" option available on right click in Chrome?
  10. Shelley

    Shelley Well-Known Member

    Yup that'll be it. (y)
  11. Erik

    Erik Well-Known Member

Share This Page