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

Blackend - PixelExit.com 1.5.0

Nice easy reading dark style.

  1. Steve F

    Steve F Well-Known Member

    Qwk86gn submitted a new resource:

    Blackend (version 1.1.3) - Nice easy reading dark style.

    Read more about this resource...
     
    Dan likes this.
  2. CoZmicShReddeR

    CoZmicShReddeR Active Member

    Love this theme! I was wanting to expand the header for a bigger logo and seemed to get it but some parts are not properly aligned like the text logo below the navbar... Possibly some other things are not adjusted properly...

    I changed this in the header.css
    /*height: @headerLogoHeight;*/
    height: 140px;
    Not sure there is an easier way like to make the header height 100% maybe??

    http://208.86.251.30/index.php

    I am new to xenForo just trying to understand the style's from getting most of my edit idea's from using VB on my main site...
     
    Steve F likes this.
  3. Slavik

    Slavik XenForo Moderator Staff Member

    Great looking theme indeed (y)
     
    Steve F likes this.
  4. Steve F

    Steve F Well-Known Member

    Revert your changes to the header.css template.

    Navigate to: Style Properties -> Header and Navigation -> Settings -> Height of Header Logo: 140px

    For future reference use the EXTRA.css template to overwrite any CSS you change so you are not editing the default templates, makes updating a lot easier. ;)

    The problem with what you added is there are other elements that depend on the style property "Height of Header Logo" to calculate the height of parent elements in the CSS.
     
    Clay Culver and CoZmicShReddeR like this.
  5. CoZmicShReddeR

    CoZmicShReddeR Active Member

    Wow thanks a huge bunch! Worked like a Charm!! ;)
     
  6. Steve F

    Steve F Well-Known Member

    Qwk86gn updated Blackend with a new update entry:

    Update for XenForo 1.1.4

    Read the rest of this update entry...
     
  7. sylvain

    sylvain Active Member

    I just installed this style few minutes ago and I really like it. :)

    How can I add another logo on the left header?
     
  8. Steve F

    Steve F Well-Known Member

    You can use the ad_header template to achieve that. Place the below in there, will probably have to adjust the inline styling a bit for your needs.

    Code:
    <div style="float: right;">
        <a href="http://YourLink"><img src="PathToImage" alt="Title"></a>
    </div>
     
  9. sylvain

    sylvain Active Member

    Thank you a thousand times ! It works perfectly.

    The style is already online :)
     
  10. sylvain

    sylvain Active Member

    How can I easily increase style contrast a little bit?

    I'd like all the gray text to be a little more white. I tried changing few color settings but it doesn't work.

    Thanks
     
  11. Steve F

    Steve F Well-Known Member

    What areas specifically are you trying to change?
     
  12. sylvain

    sylvain Active Member

    No specific area, just make all grey text a little brighter
     
  13. Steve F

    Steve F Well-Known Member

    A lot of it is done using the color palette

    @dimmedTextColor
    @mutedTextColor
    @faintTextColor
     
  14. sylvain

    sylvain Active Member

    Thanks this helped me a lot

    Now, how can I changed the message text color and default signature text color?

    Thank you
     
    Steve F likes this.
  15. Steve F

    Steve F Well-Known Member

    Should be in the Message Layout property, Content Container I think it is.
     
  16. sylvain

    sylvain Active Member

    Thanks Qwk86gn :)

    Two more questions and hopefully the last ones... ;)

    How can I change the background colors of the quotes?
    How can I change the text color of the progression bar showed when uploading a file?

    Sorry for all those questions but I'm kind of new at optimizing the style to me needs.
     
  17. sylvain

    sylvain Active Member

    Never mind, I've found the solution

    Thanks
     
  18. Steve F

    Steve F Well-Known Member

    1. Style Properties -> BB Code Elements -> BB Code Quote Message

    2. Use this in the EXTRA.css template

    Code:
    .AttachmentEditor .AttachedFile .ProgressMeter .ProgressGraphic
    {
        background: @primaryMedium !important;
    }
    ;)

    Edit: That'll teach me to go afk and not refresh the thread..:whistle:
     
    Russ likes this.
  19. wickedstangs

    wickedstangs Well-Known Member

    does this work with 1.1.5?
     
  20. Steve F

    Steve F Well-Known Member

    Yes should work just fine ;)
     

Share This Page