Home Page Modifications

the size of the map is causing my default width of my page to be super big. Is there a place I can change/modify that?
Maybe there is a theme setting for that, have a look at your Divi settings or add CSS like this”

#page-container {
max-width: 1280px;
margin: auto;
}

I want to fully disable and make the overlay on the right of the map.
https://wpgeodirectory.com/docs/common-styling-examples/#legend

And on the category the red line, I need to change the color

.gd-cptcat-row .gd-cptcat-title {
border-bottom: 1px solid #cccccc; 
}

And is there a code or widget that I can add that will display the cities?
You can add the location switcher to the main menu: https://wpgeodirectory.com/docs/multilocations/#main

You can also create a page with links to all locations:
https://wpgeodirectory.com/docs/location-manager-shortcodes/#switch

Thanks

I want to fully disable and make the overlay on the right of the map.

.gd-trigger .fa-expand, .gd-trigger .fa-compress {
    display: none;
}

Please review https://wpgeodirectory.com/docs/customizing-your-style/

Both suggestions add a way to select cities, not sure why you think they don’t. They are the only way to access all cities from a menu or a page. Maybe you deleted the location page or did not connect it correctly at GD > Permalinks.
https://wpgeodirectory.com/docs/core-permalinks

You have added a GD Home Map widget to a GD Listings page instead of a GD Listings Map widget.
Change the widget at GD Listings Top Section to the GD Listings Map widget.
https://wpgeodirectory.com/docs/layout/#directory
https://wpgeodirectory.com/docs/widgets/

Thanks

You’re welcome 🙂