Layout of advanced search dropdown

This topic contains 4 replies, has 3 voices, and was last updated by  Martin Steimann 5 years ago.

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

Open Support Ticket
  • Author
    Posts
  • April 30, 2019 at 12:08 pm #483663

    Martin Steimann
    Lifetime Member
    Post count: 262

    Hello,

    just a minor design issue: would it be possible to align all the titles of the advanced search dropdown menu left instead of center?

    Due to the different numbers of items in my search categories I get quite a lot of empty space between them. If a customer does not scroll the list on desktop devices all the way down, he might overlook the category 4 + 5. Can the layout be changed to 5 columns in a row?

    Regards,
    Martin

    April 30, 2019 at 4:40 pm #483739

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    link please, we can’t inspect and provide CSS with screenshot.

    Thanks

    April 30, 2019 at 10:26 pm #483816

    Martin Steimann
    Lifetime Member
    Post count: 262

    Thanks for your reply, Paolo. It‘s https://edelmut.org

    May 1, 2019 at 3:54 pm #484002

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi Martin,

    Please add this CSS to your customiser CSS:

    /* Left align search titles */
.geodir-filter-container .customize_filter-in span{
    text-align: left;
    display: block;
}

/* Make search filters 5 columns */
.geodir-filter-container .geodir-filter-cat{
    width: 20%;
}

    Thanks,

    Stiofan

    May 2, 2019 at 7:08 am #484090

    Martin Steimann
    Lifetime Member
    Post count: 262

    Excellent, thank you very much Stiofan!
    „Width: 15%“ is the perfect value in my case.

    Regards,
    Martin

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)

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

Open Support Ticket