Increase advance Search Width on Web Browser and Make Near me button bigger
This topic contains 16 replies, has 3 voices, and was last updated by tech nationgh 9 years, 6 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support TicketTagged: advanced search width, near me button
-
AuthorPosts
-
April 29, 2015 at 7:12 pm #38245
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 #38247Hello,
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 #38257Hi,
please let us know if we can set this as resolved.
Thanks
April 29, 2015 at 9:37 pm #38261Thanks 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.
April 29, 2015 at 9:39 pm #38262add
select.search_by_post { width:100%; }
April 29, 2015 at 10:17 pm #38273Awesome !! You guys rock.
Any way to center the “Search” button ?
Thanks again in advance
April 29, 2015 at 10:32 pm #38279add
.geodir-search input[type="button"] { float: none !important; margin-left:auto !important; margin-right: auto !important; }
April 29, 2015 at 10:47 pm #38281Thats 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 #38284This reply has been marked as private.May 4, 2015 at 8:19 am #38587Hello 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 #38641Hello guys,
Any help here with the above enquiry?
May 4, 2015 at 7:40 pm #38653hello, 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 #38690Hi 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
May 5, 2015 at 5:18 pm #38728Simone,
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 #38791Hello guys,
any update on how to solve my firefox browser issue above please
thanks in advance
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket