GD Search widget style

This topic contains 2 replies, has 2 voices, and was last updated by pix3x 10 years, 5 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

Hurry! Get your 20% discount before it expires. Get 20% Discount