Category image is very small

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

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

Open Support Ticket
  • Author
    Posts
  • #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?

    #508724

    Alex Rollin
    Moderator
    Post count: 27815

    Please share a link so we can take a look.

    #508926

    lisec73
    Full Member
    Post count: 180

    https://myschooladvisor.com.au/

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

    Screenshot attached

    #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

    #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?

    #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/

    #509261

    lisec73
    Full Member
    Post count: 180

    Ok, thanks Alex. Will check it out.

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