Category drop down and City Select

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

Open Support Ticket

Author

Posts
February 9, 2017 at 11:43 pm #358796

rigots
Lifetime Member

Post count: 275

Hi, I would like to have a simple front page on my site.

I would like to have a dropdown box to select between 4 categories and a drop down city select next to it to select among 20 cities and then just press the search button.
Is this possible with your themes and plugins without having to do major code changes?

I am using the supreme child, my other options is just to remove the complete search options in front page and just have 4 categories showing so I can press on which ever category I want. Then hopefully on the following page I can use the advance search to select one of my 20 cities.

How do I remove the complete search boxes in the front page? Including “Search for”, “Near” and Search button?

Thank you.

February 10, 2017 at 4:14 pm #359666

Kor
Moderator

Post count: 16516

Hi Rigots,

If you remove the search feature from the front page, you won’t be able to search anything. You can probably create four links and hyperlink it directly to the categories.

Thanks!

February 10, 2017 at 5:42 pm #359745

rigots
Lifetime Member

Post count: 275

Hi Chung,
Thank you.

I don’t care for the search capability in the front page. Can I also remove the search capability from the individual category pages?

If I go to a particular category and then search for something the results are not just from my current category but from all categories. I don’t like that functionality. So I would rather just remove the search option completely.

Can you tell me how to remove the search functionality completely? or at least how to remove it from the from main home page?

I only plan to have around 10 listings per category in each city. So all I need is to be able to filter by category and then by city. No need to have the search capability.

Thank you.

February 10, 2017 at 7:50 pm #359843
Paolo
Site Admin

Post count: 31211
That depends on the theme used. If it is not Supreme just go to Appearance >> Widgets and remove the search widget from the GD Home Top Section and from anywhere else you need to remove it.

If it is supreme, we can do that with css:
```
.sd-homepage #geodir_advanced_search-1 {
    display: none;
}
```
Let us know how it goes,

Thanks
February 12, 2017 at 11:53 pm #361025

rigots
Lifetime Member

Post count: 275

Hi Paolo,
This worked fine. I was able to remove the complete search section from front page by putting that code on Geodirectory->Design->Script->Custom style css code.

However, I changed my mind about removing the complete search section. I would just like to remove the “Search for” box. What CSS do I use to remove the “Search for” box on the front page?

I found that if I create a category pull down many and search it without typing anything on the ‘search for box’ it displays all the items in that category. So I wan remove the ‘search for’ box on the front page, so no one can type anything.

Please give me the CSS code to remove ‘Search for’ box in front home page.

Thank you.

February 13, 2017 at 6:12 pm #361222
Paolo
Site Admin

Post count: 31211
Hi,
```
.sd.home .gd-search-field-search {
    display: none;
}
```
you are welcome 🙂
February 14, 2017 at 6:52 pm #361499

rigots
Lifetime Member

Post count: 275

Hi Pablo, this worked great thank you. The above code removed the ‘Search for’ box for my ‘GD Home page’, but I want to do the same for all cities, how do I do that?

Each time I change locations to a new city the ‘Search for’ box appears again. I only goes away when I go home.

Please let me know how to remove these for all cities.

Thank you.
Rigo

February 14, 2017 at 7:01 pm #361500
Paolo
Site Admin

Post count: 31211
change that to:
```
.sd.home .gd-search-field-search, .sd.sd-location .gd-search-field-search  {
    display: none;
}
```
Thanks
February 14, 2017 at 8:22 pm #361530

rigots
Lifetime Member

Post count: 275

Great! exactly what I wanted.
Now the Near city field has and icon at the end and when I click it, it gives me the option to check mark ‘Near me’ and option to set mileage. But when I click the “Near Me” check mark I always get a pop up box saying “permission denied in finding your location” in mobile phone or PC. Is this normal? How can I fix it?

I think I would just rather remove the option to choose near me. So how can I remove that near me icon from appearing next to the city field?

Thank you again. I am almost there!

February 14, 2017 at 8:47 pm #361535
Paolo
Site Admin

Post count: 31211
change that to:
```
.gd-search-near-input, .sd.home .gd-search-field-search, .sd.sd-location .gd-search-field-search  {
    display: none;
}
```
Customizing CSS goes beyond support, we normally assist with the 1st few questions, but if you have a lot more, you must hire someone to help you out or learn how to do it by yourself. It’s very easy: https://wpgeodirectory.com/docs/customizing-your-style/

Thanks
February 14, 2017 at 9:20 pm #361555

rigots
Lifetime Member

Post count: 275

Great! exactly what I wanted.
I have done some CSS before, so I should be able to figure it out if I need any more customization. Thank you for the pointer to the customizing your style tutorial.

Just one last general question on customization.
All the CSS changes I make should be added to ‘gddirectory->Design->Scripts->
Custom style css code’ right?

There is no theme or child theme styles.css file that I should be modifying right?

An there is no plug it that I should be using to modify the CSS styles right?

Thanks gain.
Rigo

February 14, 2017 at 11:20 pm #361600

Paolo
Site Admin

Post count: 31211

that’s all correct

Thanks

February 15, 2017 at 6:46 pm #361824

rigots
Lifetime Member

Post count: 275

Hi Paolo,
In your response above you agreed that I should make my CSS changes in ‘gddirectory->Design->Scripts->
Custom style css code’, but the guide you provided above ( https://wpgeodirectory.com/docs/customizing-your-style/ ) suggest that I make my CSS changes into ‘Appearance->Editor->Styles’ css sheet.

Which of the two is the correct place to make the CSS changes?
Do any of these two location get reset during a theme or child theme update?

Thanks.

February 15, 2017 at 9:40 pm #361869

Paolo
Site Admin

Post count: 31211

It really depends.

If the child theme is one that is going to be auto-updated, like Supreme, you shouldn’t touch any files and use the database (design > scritps > custom css saves it in the db).

If the child theme is something you are building and nobody will ever auto update it, you can write your css in the style.css of your child theme.

Now WordPress even added a built in custom CSS field in the customizer.

Thanks

February 21, 2017 at 9:23 pm #363008

rigots
Lifetime Member

Post count: 275

Ok, Since I am using the Supreme child, I will be doing my CSS changes in Design -> scripts.

And Yes, I noticed the that the word press customizer allows you to put ‘Additional CSS’. So if I decide to use the ‘Additional CSS’ section in wordpress for my CSS changes would that be over written by theme or child theme updates?

Thanks,
Author

Posts