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

XF 1.4 .categoryStrip height

Discussion in 'Styling and Customization Questions' started by kankan, Mar 27, 2015.

  1. kankan

    kankan Active Member

    Hello
    I am settings banner for Category title and have several question :

    1. In style properties, height is defined by default to 40px for all category block title.
    In my code below, how can i set it for a specific category node/strip ?

    2. How do i disable the category text title for the specific category node/strip ?

    Thank you for your support :

    My code in extra.css :

    Code:
    /* Banner ROG*/
    
    .node.category.node_35 .categoryStrip {
    background: url("http://www.forum-des-portables-asus.fr/forums/images/base.jpg")
    
    }
    
    Rendering :

    capture-32.png
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Code:
    .node.category.node_1 .categoryStrip
    {
        height: 100px;
    }
    
    .node.category.node_1 .categoryStrip .categoryText
    {
        display: none;
    }
    Change the ID and height to suit.
     
  3. kankan

    kankan Active Member

    Thank you brogan
    How can i avoid this background duplication :

    capture-34.png
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

  5. kankan

    kankan Active Member

  6. Brogan

    Brogan XenForo Moderator Staff Member

    Code:
    background: url('http://www.forum-des-portables-asus.fr/forums/images/base.jpg') no-repeat;
     
  7. kankan

    kankan Active Member

    Thanks a lot !
    Do you know a way to keep the URL on background image to jump to category ?
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    You would need to edit the template and apply the href to the main div, rather than the title.
     
    kankan likes this.
  9. kankan

    kankan Active Member

    I presume here :
    <a href="{xen:link categories, $category}" data-description="{xen:if @uix_categoryStrip_descriptionTooltips, '#nodeDescription-{$category.node_id}'}">{$category.title}</a>

    don't know how to do that. will look deeper.
    Thanks for your support.
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    Yes, you would need to move that to the main div so the whole of the category strip is clickable.
     

Share This Page