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

XF 1.2 Anyone know which Style Property is pushing the navbar up.

Discussion in 'Styling and Customization Questions' started by Wuebit, Dec 14, 2013.

  1. Wuebit

    Wuebit Well-Known Member

  2. Russ

    Russ Well-Known Member

    Could be a variety of things... usually linked to when you've set a custom height on your sub nav, you need to also adjust the top position of it as well.

    EDIT: XenForo's header style properties... are limited currently.
     
  3. Shelley

    Shelley Well-Known Member

    Could you provide a link to the style making it easier to debug the issue?
     
  4. Wuebit

    Wuebit Well-Known Member

    Ive looked all over in the Header style, Do you think a gradient could move it?

    http://forum.wuebit.com/
     
  5. Shelley

    Shelley Well-Known Member

    There's probably a better way of doing this through SP but the following works.


    Set the following to

    Code:
    #headerMover #headerProxy {
    height: 222px;}
    
    And set the following to

    Code:
    .navTabs .navTab.selected .tabLinks {
    height: 36px;}
    
    Screenshot_1.png
     
    Wuebit and Russ like this.
  6. Shelley

    Shelley Well-Known Member

    Or you could set the following to and headerproxy to 222px

    Code:
    .navTabs .navTab.selected .tabLinks {
    top: 36px;}
     
  7. Russ

    Russ Well-Known Member

    You could also try adding a 2px bottom border to the navigation which matches the yellow color(it'll make the sub nav a little taller than the main nav)

    the headerproxy statement XenForo has to calculate the height I think adds 2px to it because of the top and bottom border of the default navigation.

    I think**** :D on the road...
     
    Wuebit and Shelley like this.
  8. Wuebit

    Wuebit Well-Known Member

    Thanks Shelley I added

    Code:
    #headerMover #headerProxy {
    height: 222px !important;}
    
    .navTabs .navTab.selected .tabLinks {
    height: 36px !important;}
    To the extra.css I was trying not to use the extra.css just yet but it works great.
    (P.S remmber this theme? :3)

    Duh never thought of adding a bottom border great idea russ cheers!
     
  9. Shelley

    Shelley Well-Known Member

    It looked familiar when i first saw it but couldn't place where I seen it before. Your previous site? animelon?
     
  10. Wuebit

    Wuebit Well-Known Member

    Yea (at the start) and it was my main skin back on VB for years :)
     
    Shelley likes this.
  11. Wuebit

    Wuebit Well-Known Member

    Any idea on these which Style Properties these are.

    screenshot.366.jpg screenshot.368.jpg screenshot.369.jpg screenshot.370.jpg screenshot.371.jpg screenshot.372.jpg screenshot.373.jpg
     
  12. davb

    davb Member

    All the styles can't be set in style properties. you may need to add additional css in extra.css as well

    are you using code inspector or page inspector in firefox or opera to find the css class. if find the css then you get a hint to find in style properties or add extra.css

    admin.jpg
     
    Wuebit likes this.
  13. Shelley

    Shelley Well-Known Member

    With regards to your navtab hover you have you hover on closed and menu opened

    .navTabs .navTab.PopupClosed .navLink:hover
    .navTabs .navTab.PopupOpen .navLink:hover

    Second screenshot >> .navigationSideBar .subHeading
     
    Wuebit likes this.
  14. Wuebit

    Wuebit Well-Known Member

    Aye I know you can add them with extra css but if there is a style property why would you add more css :p Thanks tho for the reply.
     
  15. Jeremy

    Jeremy XenForo Moderator Staff Member

    Templates are versioned, style properties are not.
     
    Wuebit likes this.
  16. davb

    davb Member

    No, for some styles you can't find the property in styles. so you have to manually add them in extra.css.

    In a sense you are right, if everything can be added style properties that is correct, you save additional lines.
     
    Wuebit likes this.
  17. Wuebit

    Wuebit Well-Known Member

    Okay I'll just use the extra css alot than :D which is better than trying to find them properties lol thanks peeps
     
  18. Shelley

    Shelley Well-Known Member

    On the chance you style the specific hovers differently?

    You aren't going to get everything in SP.
     
    Wuebit likes this.
  19. davb

    davb Member

    caution, using only extra.css will increase the css styles which is a demerit. Style Properties are built in and can be modified. Extra css are addition llines of code.

    You should work on the both style properties and extra.css

    thanks
     
    Wuebit likes this.
  20. Wuebit

    Wuebit Well-Known Member

    Is this the one that fills the "Home" tab with an orange colour when hovered?
     

Share This Page