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

Change size of node status icon

Discussion in 'Styling and Customization Questions' started by Francesco V., Apr 17, 2013.

  1. Francesco V.

    Francesco V. Active Member

    I wish to change icon size from 36 to 42px. I put in EXTRA.css of a child custom styles:

    HTML:
    .node .nodeIcon
    {
        margin: 7px 0 7px 10px;
    float: left;
    width: 42px;
    height: 42px;
     
    }
    but it seems that this setting is overwritten again by the standard one with 36px. Any ideas ?
     
  2. Shelley

    Shelley Well-Known Member

    Your best going into Style Properties >> Node icons >> Node Icon and changing the height and width value in there.
     
  3. Francesco V.

    Francesco V. Active Member

    yep i already identified the original css file but i wish to avoid to touch it. I thought i could make all by adding overwriting styles in extra.css :oops:
     
  4. Shelley

    Shelley Well-Known Member

    Your choice. I haven't tested it but you probably need to important the parts you want adjusted.

    Code:
    .node .nodeIcon
    {
        margin: 7px 0 7px 10px;
    float: left;
    width: 42px !important;
    height: 42px !important;
     
    }
    
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Style Properties are for exactly this purpose.
     

Share This Page