Widget edit and add in any page

Question

So I have this site and on the bottom of the site you can see the map and search. I have 2 problems with that:

1. The search if offset not in line with the other elements.
2. I want/need it to be full width just like in the Take a Quick and FREE Tour page (scroll down a bit to see the map).

The thing is the theme does not allow me to add widgets where I want in the site only specific pages. The second link is the template for the "homepage" after I select this template I can't edit like the rest of the pages only add or delete widgets and the other problem is with the white space between the picture and the start of the blue background where the map is on the first link.

I tried to take the code from the page with the map widget and paste it in the area with blue which is a call to action div in all pages and templates. This is the code(hopefully it's the full code).

Is there a way to add widgets anywhere in a site, is there a short-code mapper or a plugin, I found a few plugins but none with the desired result.

Answer 1

1. Search issue: You have label and br tags above search_keywords and search_location input fields. You can eater remove them in theme or set display: none; in css style for them.

Css eg:

.search_keywords label,
.search_keywords br,
.search_location label,
.search_location br { 
    display: none;
}

2. If you want to make map full width just like your 'quick tour screen', you need to move filters jobify_widget_map-2 from .container class in footer.

Answer 2

Is there a way to add widgets anywhere in a site,...

No. Widgets are added to sidebars. Sidebars are displayed by the theme. That sidebar code is hard coded into the theme. There are examples in the Codex.

There is no way to "map" a sidebar to just anywhere you want in the theme. What that would mean would be opening the PHP template files programatically and editing the code into them, or capturing the output and parsing the page before it renders (very hard and very resource intensive).

There might be hooks in the theme that you can use. SOmething like:

function add_my_sidebar() {
  dynamic_sidebar( 'my-special-sidebar' );
}
add_action('some_theme_hook','add_my_sidebar'):

But is unlikely you'll find the hooks you want where you want them.

If this is important to you, make a child theme. Hopefully, your theme is written proper to support that.