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

.node .nodeLastPost issues

Discussion in 'Styling and Customization Questions' started by thodiral, Apr 10, 2013.

  1. thodiral

    thodiral Member

    Currently trying to change my .node .nodeLastPost but everything i add to EXTRA.css doesnt work.
    nodelastpost.png
    Code:
    .node .nodeLastPost
    {
        background: background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 10px;
    border-bottom: 1px solid rgb(225, 225, 225);
    box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,.3);
    ;
        
        font-size: 11px;
    padding: 3px 10px;
    margin: 10px;
    border: 1px solid #8B7355;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 14px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: 210px;
    height: 28px;
     
    }
    
    That just keeps it the same like the image above.
    Now if i use the sources tab using chromes element inspector everything works.
    nodelastpost2.png
    But when i add it in EXTRA.css like this it doesnt work.
    nodelastpost3.png

    Anyone have anything that im missing, or not doing correctly?
     
  2. Shelley

    Shelley Well-Known Member

    You seem to have two
    background: background:

    in your code. try removing one of them.

    And for any styling not taking effect try adding !important before the ;
     
    Tracy Perry likes this.
  3. Shelley

    Shelley Well-Known Member

    you also have one too many ; after the following

    Code:
    box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,.3);
    ;
     
  4. thodiral

    thodiral Member

    Using this code here and it doesnt work still
    Code:
    .node .nodeLastPost
    {
        background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 10px;
    border-bottom: 1px solid rgb(225, 225, 225);
    box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,.3);
        
        font-size: 11px;
    padding: 3px 10px;
    margin: 10px;
    border: 1px solid #8B7355;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 14px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: 210px;
    height: 28px;
     
    }
    
     
  5. Shelley

    Shelley Well-Known Member

    I'm unsure what type of look your trying to achieve but try the following.BTW you probably don't need to add all of that code since your own altering a small part of the lastpost area.

    Code:
    .node .nodeLastPost
    {
        background: url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top rgba(225,225,225, 1) !important;
    padding: 10px;
    border: 1px solid rgb(225, 225, 225) !important;
    box-shadow: 0 0 12px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,0.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,0.3);
        
        font-size: 11px;
    padding: 3px 10px;
    margin: 10px;
    border: 1px solid #8B7355;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 14px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: 210px;
    height: 28px;
     
    }
     
  6. thodiral

    thodiral Member

    Tried using just this:
    Code:
    .node .nodeLastPost
    {
    background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
    }
    
    Still doesnt change anything, but if i alter the code in chromes element inspector it works...da hell?
     
  7. Shelley

    Shelley Well-Known Member

    Are you pasting in the code in the correct style extra.css template and not another ?

    Add !important before the ;
     
  8. thodiral

    thodiral Member

    !important worked, thank you. Cannot believe i didnt add that first -_-
     
    Shelley likes this.
  9. EQnoble

    EQnoble Well-Known Member

    Try this...
    Code:
    .node .nodeLastPost {
    background: url("styles/minecraft/xenforo/gradients/category-23px-light.png") repeat-x scroll center top rgba(225, 225, 225, 0.1) !important;
    }
     
  10. CyberAP

    CyberAP Well-Known Member

    1. Use style properties. They are awesome. What you need is hidden in Style Properties: Forum / Node List -> Node Last Post
    2. Never use !important. It will break your code. Use style specificity instead.
     
    Shelley likes this.

Share This Page