Styling listings sort drop-down

This topic contains 4 replies, has 2 voices, and was last updated by  Richard 4 years, 9 months ago.

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

Open Support Ticket

Tagged: ,

  • Author
    Posts
  • January 26, 2020 at 9:51 am #527408

    Richard
    Expired Member
    Post count: 18

    Hi,
    I’ve almost finished styling my directory – I’m really pleased how GeoDirectory is so customizable. I’m just stuck on one element and that’s the drop-down for the sort field on the listings page. I’d like to reduce the font size, move the drop-down further to the left, and also remove the default blue border.
    I’ve managed to change the .css to what I need for most elements, but this one has me stumped. Sorry if I’m asking something that has an obvious solution (again!).

    January 26, 2020 at 8:08 pm #527436

    Kor
    Moderator
    Post count: 16516

    Hi Richard,

    Thanks for your post. Could you please share the URL of the page here in question? I’d like to check and see if this can be done using some simple custom CSS code.

    January 27, 2020 at 3:16 am #527450

    Richard
    Expired Member
    Post count: 18
    This reply has been marked as private.
    January 27, 2020 at 4:15 am #527456

    Kor
    Moderator
    Post count: 16516

    Hi Richard,

    Thanks for your post. You can configure the stylings using the custom CSS code below. However, configuring the position isn’t possible and would break it if I force it with some custom CSS code. 

    .select2-dropdown {
    border: 0px;
}

.select2-container.gd-select2-container{
    font-size:12px;
}
    January 27, 2020 at 9:49 am #527476

    Richard
    Expired Member
    Post count: 18

    Excellent! Thanks Kor. 😀

  • 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
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount