Styling listings sort drop-down

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

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

Open Support Ticket

Tagged: ,

  • Author
    Posts
  • #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!).

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

    #527450

    Richard
    Expired Member
    Post count: 18
    This reply has been marked as private.
    #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;
    }
    #527476

    Richard
    Expired Member
    Post count: 18

    Excellent! Thanks Kor. 😀

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