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

    Joy
    Buyer
    Post count: 943

    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: 8398

    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: 943
    This reply has been marked as private.
    #408746

    Kor
    Moderator
    Post count: 8398

    Hi Joy,

    Try this

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

    Joy
    Buyer
    Post count: 943

    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: 8398

    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: 943

    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: 8398

    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: 943

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

    #408896

    Joy
    Buyer
    Post count: 943

    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: 8398

    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.
  • Feature Requests

    Is there a theme for which you'd like to see a compatibility package or a new feature that you think would be of great benefit for the GeoDirectory community?

    Submit a feature request : here

    Each month you get 5 votes to distribute. You can choose to use all your votes for one idea you really like, or spread them across between several ideas :)

    We will do our best to create whatever you suggest if it becomes popular, we however reserve the right to reject ideas that we believe could not be realized without revolutionizing the plugin.

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