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

Where/What is the CSS for this?

Discussion in 'Styling and Customization Questions' started by Liam23, Aug 3, 2012.

  1. Liam23

    Liam23 Active Member

    Where/What is the CSS for this?
    download (11).png
    I want to change the colors and what not. But I don't know the CSS for it.
    Chrome's Inspect Element doesn't seem to work :(
     
  2. 0xym0r0n

    0xym0r0n Well-Known Member

    If you download firefox or waterfox there's a plugin called firebug. There's an option where you can click any portion of the site and it'll tell you the css/html/scripts etc.
     
  3. Liam23

    Liam23 Active Member

    I tried Chromes's Inspect Element. That didn't work. Ill give this a try.
    Thanks
     
  4. Forsaken

    Forsaken Well-Known Member

    Code:
    .discussionList .sectionHeaders {
    font-size: 11px;
    color: #6D3F03;
    background: #F9D9B0 url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 5px 10px;
    margin: 3px auto 0;
    border-top: 1px solid #F9D9B0;
    border-bottom: 1px solid #F9BC6D;
    }
    .discussionList .sectionHeaders, .discussionListItem {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: normal;
    }
    
    You can modify it in the style properties (That way it'll cover all instances where its used).
     
    Liam23 likes this.
  5. 0xym0r0n

    0xym0r0n Well-Known Member

    Yeah i prefer firebug. Chrome doesn't always get the info I need.
     
    Liam23 likes this.
  6. Liam23

    Liam23 Active Member

    Where do I edit the hover css?
     
  7. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    There are style properties:

    Admin CP -> Appearance -> Style Properties -> Building Blocks
    > Sub-Heading
    > Sub-Heading, Hover State
     
    Liam23 likes this.

Share This Page