HisFocus  
                
                  
                    February 24, 2024, 12:56am
                   
                  1 
               
             
            
              I am looking to resize the ‘Modern Category + Group Boxes’ thumbnail via CSS.  If I use the default setting to use an image, the image increases the size of the thumbnail, (even if I use a smaller image).  I’m sure that this has been done before but my searching has not offered any results that addresses this issue directly (again, that I have been able to find).
Any help would be greatly appreciated, even if you can point me in the right direction with CSS.
Thank you!
             
            
              
            
           
          
            
              
                Lilly  
              
                  
                    February 24, 2024,  1:03am
                   
                  2 
               
             
            
              Since you seem interested in doing a lot of customizations to your Discourse instance, perhaps these topics can help you:
  
  
    This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. 
 
 
  
  
    Want to make some CSS changes on your Discourse site but not sure where to start? You’ve come to the right place!  
 
  
  
    So, you want to create Discourse themes? Not sure where to start? Or maybe you have created Discourse themes before, but want to learn how to do even more cool things. Well, you’ve come to the right place  
 
  
  
    There are a few ‘how to start’ guides for working with Discourse already and a wealth of useful info on meta, but I thought it might help to give an insight to the mental processes of starting from little, if any, prior coding experience to building substantial Discourse plugins. 
Discourse is written by experienced developers and has a large codebase. This can feel intimidating. This intimidation factor can be a significant barrier for novice developers. This is a kind of ‘psychological primer’…
   
 
             
            
              2 Likes 
            
            
           
          
            
              
                Heliosurge  
              
                  
                    February 24, 2024,  1:32am
                   
                  3 
               
             
            
              This topic may help.  @Canapin  did some pretty cool coding here.
  
  
    We’re aware of that and discussing it @derak  would like: 
 [image]  
.category-boxes, .category-boxes-with-topics {
    gap: 1em;
}
.mobile-view .category-boxes .category-box, .mobile-view .category-boxes-with-topics .category-box {
    width: 100%;
    flex: 0 0 calc(50% - 0.5em);
}
.category-boxes .description {
    display: none;
}
.category-boxes .category-box .category-box-inner .category-details .category-box-heading h3 {
…
   
 
             
            
              1 Like