Hi there,

I'm needing some help adding subsections to my Help Center.

Currently, our Category pages display each individual article in a section. We'd like to create subsections and show those on the category page.

Currently, it's not displaying the sections I created as a test at all.

For the Section pages, we'd like the section title to appear below the search box with the  subsections below that.

Can anyone help me with the code to do this? I tried the code provided here, but it's displaying very oddly small. We'd like the subsections to appear larger and more spaced like the articles below them that haven't been placed in a section yet. (Place an order, Xpressdocs Standard Pricing)
Here is the current Category code with no subsection coding:

  

    

      
Quick Links


      
Agent Resources

      

        
Feedback Forum

        
Your Marketing

        
Your Business 

        
Your Tools

      

      

      
Company Resources

      

        
Brand and Communication

        
Tech Support

        
Information Security

        
Office Experience + Promotions

      


      
Employee Resources

      

       
Office Information

        
P&C Help Center

     


   

   

    

      

      

        
{{category.name}}

        {{#if category.description}}
        
{{category.description}}

        {{/if}}
      


      

        {{#each sections}}
        

          

            {{name}}
          

          {{#if articles}}
          

            {{#each articles}}
            

              {{#if promoted}}
              
              {{/if}}
              {{title}}
            

            {{/each}}
          

          {{#if more_articles}}
          
            {{t 'show_all_articles' count=article_count}}
          
          {{/if}}
          {{else}}
          
            {{t 'empty'}}
          
          {{/if}}
        

        {{else}}
        
          {{t 'empty'}}
        
        {{/each}}
      


    
 

    

      {{recent_articles}}
    
 

  

And here is the current coding for the Section page with no subsection coding:

  

    


     
Quick Links


     
Agent Resources

     

      
Your Marketing

      
Your Business 

      
Your Tools

    

    

    
Company Resources

    

      
Brand and Communication

      
Tech Support

      
Information Security

      
Office Experience + Promotions

    


         
Employee Resources

      

       
Office Information

        
P&C Help Center

     


 

 

  

    

    

      
{{section.name}}

    


    

      


        {{#if section.articles}}
        

          {{#each section.articles}}
          

            {{#if promoted}}
            
            {{/if}}
            {{title}}
          

          {{/each}}
        


        {{/if}}
      

    


  
 

  

    {{recent_articles}}
  
 

Thanks in advance for any help at all!

Brooke

Evan Pitonzo

Hi Ifra Saqlain,

Correct me if I'm wrong, but the code you provided also seems to be a hover to enlarge instead of click to enlarge. 

Basically, our users don't want the images to auto-enlarge, but they would prefer to click an image and have a larger version open in the center of the screen (a modal, perhaps?) to view the larger version only when each user needs to do so.

Thanks!

Brooke

Hi there,

I'm currently using this code to make all of our images enlarge on hover. We'd like to try click to enlarge instead. How can I implement this in our style sheet?

div-img{
    justify-content: center;
    align-items: center;
    display:flex;
    padding-top:20%;
}
img{
    transition: transform .2s;
    margin:0 auto;
}
img:hover{
    transform:scale(2.0);
}

Thanks in advance!

Ifra Saqlain - Thank you so much for your clear and concise help! You made this very simple for a very novice user. Thanks again!

Brooke

Hi Ifra Saqlain,

Thanks so much for this! It definitely helps. However, it seems something prevents the text from going past the left edge of the upper search bar. Is there any way to make it go even further right on article pages?

Also, the category and section pages still seem to have too much white space on the left. Is there a way to fix that?

I have minimal coding experience but would like to use more of the white space in the Copenhagen theme since our users don't access via mobile. Can anyone help me with what to edit to give more horizontal room for text/images on the article pages?