Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #408737

    Joy
    Buyer
    Post count: 985

    How do I move the search button below the text inputs on the search bar? I’ve been looking at code for hours, my brain no longer works.

    Thank you.

    #408744

    Kor
    Moderator
    Post count: 9431

    Hi Joy,

    Custom CSS would be your only solution. Share me the URL and I’ll let you know how it is done.

    Thanks!

    #408745

    Joy
    Buyer
    Post count: 985
    This reply has been marked as private.
    #408746

    Kor
    Moderator
    Post count: 9431

    Hi Joy,

    Try this

    button.geodir_submit_search.fa {
        width: 100%!important;
    }
    #408749

    Joy
    Buyer
    Post count: 985

    Thank you, can I also control the size of the button or is that the only way to get in on another line with css?

    #408763

    Kor
    Moderator
    Post count: 9431

    Hi Joy,

    How do you want it to look like? Perhaps you can point it out in a screenshot?

    Thanks!

    #408766

    Joy
    Buyer
    Post count: 985

    Having the search bar the full width of the text fields looks funny. I was thinking that maybe the width could be taken down to about 30% or so and centered but haven’t been successful with achieving that.:-(

    #408769

    Kor
    Moderator
    Post count: 9431

    Hi Joy,

    Just played around with and it looks like what you needed would require some complex customization, unfortunately. Sorry about that.

    Thanks!

    #408886

    Joy
    Buyer
    Post count: 985

    Couldn’t I just add a line break into the code? What file would I edit?

    #408896

    Joy
    Buyer
    Post count: 985

    Nevermind, my brain works again.

    body .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search button.geodir_submit_search {
        position: absolute;
        margin: auto !important;
        width: 30%;
        margin-left: 35% !important;
        top: 60px;
    }
    #408908

    Kor
    Moderator
    Post count: 9431

    Hi Joy,

    Thanks for sharing. Just keep in mind that absolute positioning usually works, but requires more work on different screen sizes. 🙂 Consider media queries.

    Thanks!

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

The topic ‘Search bar’ is closed to new replies, this may be for inactivity, please open a new topic if you have a similar question.

  • How to add a new support ticket

    To open a new support ticket, first select the relevant forum and then click the "New Post" button. Example: You need support for the core plugin? Click on GeoDirectory Core Plugin support and click on the "New Post Button".
  • Support Policy

    Please read the support policy before starting to use the forum.
  • Are you a developer?

    Make Money with GD Jobs

    Get listed in the GeoDirectory Experts Directory. There may be a new client waiting for your services.
  • Looking for a GD developer?

    We do not provide customization services, but feel free to check out the GeoDirectory Experts Directory, there you'll find several freelance GD experts ready to start working with you.