Category List in widget – Size

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

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

Open Support Ticket
  • Author
    Posts
  • #479530

    John Overend
    Full Member
    Post count: 103

    We’re using the category widget on archive pages (like https://www.carsuk.net/places/essex/) to show available categories, but we’re struggling to make it look right (we’re not CSS masters!).

    Having a single column will deliver too long a list, so we’d rather have it in two columns. But the minimum width in the CSS is 185px and we need it (I think) to be 158px.

    The issue then is that the category name is truncated and it looks like the font size would need to be 10px to make all categories fully described. But is that too small? Or could the text be made to flow on to a second line but within the same size box and a more easily visible 12px?

    #479548

    Guust
    Moderator
    Post count: 29970

    Try this CSS

    .geodir-categories-container ul {width: 50%; min-width: initial;}
    .geodir-categories-container ul li a {font-size: 12px;}

    Thanks

    #479556

    John Overend
    Full Member
    Post count: 103

    Thanks Guust – that’s a better fit.

    #479566

    Guust
    Moderator
    Post count: 29970

    You’re welcome

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

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

Open Support Ticket