Increase advance Search Width on Web Browser and Make Near me button bigger

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

Open Support Ticket

Tagged: advanced search width, near me button

Author

Posts
April 29, 2015 at 7:12 pm #38245

tech nationgh
Free User

Post count: 40

Hello guys,

1. I would like to make the advanced search form width on PC web browsers wider. I increased it in Geodirectory>>Design but the changhe only seemed to take effect on mobile device ONLY. The advanced search form looks GREAT on mobile device but disappoiting on PC web browser.Kindly advise on how to make the search width the same as it is on mobile device (much wider) . Kindly see attached.

2. I would like to the “Near me” button more visible or bigger. Kindly advise how to customise the “near me” button. Even a change of colour will be more effective.

Kindly see attached.
http://www.seekghana.com
Thanks in Advanced.

April 29, 2015 at 7:19 pm #38247
Simone
Expired Member

Post count: 3515
Hello,
1- add this in your style.css (child theme folder)
```
.geodir-search input[type="text"] {
width: 100% !important;
}
```
2- for the near me button try
```
button {
font-size: 22px;
background: red;
}
```
eventually change the font size and the background colour to fit your needs
April 29, 2015 at 8:15 pm #38257

Paolo
Site Admin

Post count: 31206

Hi,

please let us know if we can set this as resolved.

Thanks

April 29, 2015 at 9:37 pm #38261

tech nationgh
Free User

Post count: 40

Thanks guys,

Change was made but is there a way to make the “Places and Events” section wider to match the other forms?

Kindly have a look and see what i mean.

http://www.seekghana.com

April 29, 2015 at 9:39 pm #38262
Simone
Expired Member

Post count: 3515
add
```
select.search_by_post {
width:100%;
}
```
April 29, 2015 at 10:17 pm #38273

tech nationgh
Free User

Post count: 40

Awesome !! You guys rock.

Any way to center the “Search” button ?

Thanks again in advance

April 29, 2015 at 10:32 pm #38279
Simone
Expired Member

Post count: 3515
add
```
.geodir-search input[type="button"] {
float: none !important;
margin-left:auto !important;
margin-right: auto !important;
}
```
April 29, 2015 at 10:47 pm #38281

tech nationgh
Free User

Post count: 40

Thats GREAT .. PERFECT!

Splendid work Simone. Thanks heaps for your help.

You’ve been very helpful. Much appreciated

Kindly mark as resolved 🙂

April 29, 2015 at 11:08 pm #38284

Simone
Expired Member

Post count: 3515

This reply has been marked as private.

May 4, 2015 at 8:19 am #38587

tech nationgh
Free User

Post count: 40

Hello gents,

The advanced search form on the home page is perfect on DESKTOP and all other smaller devices like iphones but not on iPAD

Unfortunately, I’ve noticed that the search form modification we did. Only works well on the home page.

1. On iPads, The search form is only aligned on the left side. It does not stretch to the end as the bigger screen versions. I would like to have it stretched to the end like the bigger screen version or CENTERED to make it more presentable.- Preferrably…(Please see attached)

2. Secondly the search bar on http://seekghana.com/places/ is not properly aligned. It does not look aligned and completed on BOTH iPADs and even strected beyond its required lenght on DESKTOP. ( see attached)

Kindly help me rectifying this issues.

May 4, 2015 at 6:00 pm #38641

tech nationgh
Free User

Post count: 40

Hello guys,

Any help here with the above enquiry?

May 4, 2015 at 7:40 pm #38653
Simone
Expired Member

Post count: 3515
hello, change the value (remove the code) for the
```
select.search_by_post {
width:100%;
}
```
and
```
.geodir-search input[type="text"] {
width: 100% !important;
}
```
posted earlier,
to
```
.geodir-search input[type="text"],select.search_by_post {
width:99% !important;
margin-left: auto;
margin-right: auto;
}
```
this should fix the desktop alignment
and with this
```
.geodir-search {float:none !important; }
```
should fix the ipad view

if this won’t work with the ipad/mobile view, I don’t know what to suggest, fixing a view may broke other 100 views, so i won’t play with that so much (and I’m not a web designer 🙁 )
May 5, 2015 at 10:40 am #38690

tech nationgh
Free User

Post count: 40

Hi Simone,

Thank You. The above changes has improved the search form looks great on iPADs and desktop mode now. Am content. Thank You!!
Much apprecciated.

FYI
I have also created another support question in regards to the advanced search functionality. have an issue with the advanced search feature where advanced search filters letters out of the words instead of whole words.

Kindly see the url below for more details

https://wpgeodirectory.com/support/topic/advanced-search-filters-letters-out-of-words-not-whole-words/

May 5, 2015 at 5:18 pm #38728

tech nationgh
Free User

Post count: 40

Simone,

Sorry to bother you again.

iPad view was fixed earlier with

.geodir-search {float:none !important; }

But After todays plugin update by Jetpack and geo social import plugin, the search button is now not positioned properly ONLY on firefox web browsers.. Any idea why?

Its perfectly fine on IE and Chrome

May 6, 2015 at 10:30 am #38791

tech nationgh
Free User

Post count: 40

Hello guys,

any update on how to solve my firefox browser issue above please

thanks in advance
Author

Posts