40% OFF EVERYTHING
BLACK FRIDAY SALE
Buy Now

Category image is very small

This topic contains 6 replies, has 2 voices, and was last updated by  lisec73 5 years, 2 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: , ,

  • Author
    Posts
  • September 17, 2019 at 9:24 pm #508699

    lisec73
    Full Member
    Post count: 180

    I am using the short code to display the categories. I would like to use category images however the image is very small with a large grey box around it.

    I think it must be settings in my theme? Would some CSS fix that?

    September 17, 2019 at 10:20 pm #508724

    Alex Rollin
    Moderator
    Post count: 27815

    Please share a link so we can take a look.

    September 18, 2019 at 11:14 am #508926

    lisec73
    Full Member
    Post count: 180

    https://myschooladvisor.com.au/

    Music categories with pictures are towards the bottom of the page.

    Screenshot attached

    September 18, 2019 at 1:21 pm #508944

    Alex Rollin
    Moderator
    Post count: 27815

    Try this CSS

    

    
/*GDV2 - GD Categories - Remove margins when using the default category image*/
.geodir-categories-container ul li a .gd-cptcat-icon img {
    height: 100%!important;
    margin-top: 0%!important;
}

    

    From: https://wpgeodirectory.com/docs-v2/geodirectory/settings/design/gd-categories/#customizing
    

		
	
    


    

			
				

    

	
    

		September 18, 2019 at 9:28 pm

		
		#509039

		
		
		
	
    


    


    

	
    

		
		
    lisec73
    Full Member
    
		
		
     Post count: 180
    
	
    

	
    

		
		
    Thanks, much better.
    
The text is now slightly below the box.
    

    The image still gets grey side borders. I set min-width to 90%. Tried to set size to “cover” but it will not work. Width 100% stretches the image too much. Suggestions to get it to fit better.
    

    The boxes a very long. Any suggestion to get it to fit better across larger screens?
    

		
	
    


    

			
				

    

	
    

		September 19, 2019 at 8:23 am

		
		#509119

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    You would need to create additional custom CSS to achieve that.
    

    Here is our guide about how to create custom CSS:
    

    https://wpgeodirectory.com/docs/customizing-your-style/
    

		
	
    


    

			
				

    

	
    

		September 19, 2019 at 8:42 pm

		
		#509261

		
		
		
	
    


    


    

	
    

		
		
    lisec73
    Full Member
    
		
		
     Post count: 180
    
	
    

	
    

		
		
    Ok, thanks Alex. Will check it out.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 7 posts - 1 through 7 (of 7 total)
	


	


		
	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount