GD Search widget style

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

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

Open Support Ticket
  • Author
    Posts
  • June 29, 2014 at 5:59 am #6679

    pix3x
    Expired Member
    Post count: 155

    Hi, I am stuck with the CSS formatting of the GD Search widget. I would like to have wider and taller style similar to http://www.gohairgo.com/search/ with a nice button. What is the recommended CSS code for this as I puzzled with what classes do what (.geodir-loc-bar, .geodir-loc-bar-in, .geodir-search, .geodir-search input[type=”text”], .geodir-search .geodir_submit_search, .geodir-search input[type=”button”], .geodir_submit_search:hover, etc.). I tried to inspect elements of ‘gohairgo.com’ in the Firefox but no luck yet.

    June 29, 2014 at 7:34 am #6683

    Guust
    Moderator
    Post count: 29970

    gohairgo used something like this

    #geodir_advance_search-4 > form > div > div > div > input.search_text {
    width: 40% !important;
    height: 50px !important;
    }
    #geodir_advance_search-4 > form > div > div > div > input.snear {
    width: 40% !important;
    height: 50px !important;
    }
    #geodir_advance_search-4 > form > div > div > div > input.geodir_submit_search {
    width: 15% !important;
    height: 50px !important;
    float: right !important;
    }

    June 29, 2014 at 8:36 am #6686

    pix3x
    Expired Member
    Post count: 155

    Thanks

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

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

Open Support Ticket