Couple of issues/questions

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

Open Support Ticket

Author

Posts
February 11, 2016 at 2:44 pm #120822
f.daliessi
Expired Member

Post count: 85
Hi everybody,
can someone gently help me?

1) How can I remove borders from Info tab?
I already tried with this code:
```
#post_infoTab > div.geodir-company_info.field-group {
border-collapse:collapse;
border:none;
outline:none;
}
```
but it doesn’t work properly.

2) How can I make the custom field called “lingue” to display directly next custom field’s title?
Right now I’m using this css code to display this field as I’d like
```
.geodir_lingue ul li {
    border: 0 none;
    float: left;
    margin: 0;
    padding-left: 5px;
}
.geodir_lingue ul li::after {
    content: ",";
}
.geodir_lingue ul li:last-child::after {
    content: "";
}
.geodir_lingue > ul {width: 80%;}
ul.geodir-tabs-content li .geodir-company_info .geodir_lingue ul li {display: inline !important;float: left;margin: 0 0 0 4px;padding: 0;width: auto;}
```
but on the homepage is broken, how can I fix it? (EDIT: I just realized that it doesn’t properly display on Details page on mobile)

3) I disabled tabs for details page and I hide mobile menu.
How can I fix this huge mobile display problem? Right now a part of the infos are cutted off screen, how can I make this form responsive?

Screenshots are attached.
Thanks in advance to everyone! Have a good day 🙂
February 11, 2016 at 2:46 pm #120826

f.daliessi
Expired Member

Post count: 85

This reply has been marked as private.

February 11, 2016 at 9:30 pm #121095

Paolo
Site Admin

Post count: 31211

Hi,

please check now, I added 3 css changes in GeoDirectory >> Design >> Scripts >> Custom CSS, below your mods.

Let us know if that’s what you wanted.

Thanks

February 12, 2016 at 9:11 am #121162

f.daliessi
Expired Member

Post count: 85

Yeah that was perfect thank you!
But on the homepage I still can’t make the custom field called “lingue” to display directly next custom field’s title. Can you gently help me?

Thanks in advance

February 12, 2016 at 11:50 am #121189

Guust
Moderator

Post count: 29970

Added an extra line of CSS where Paolo added the lines before.

February 12, 2016 at 4:40 pm #121347

f.daliessi
Expired Member

Post count: 85

I just realized that now “Preview Mode” it’s broken.
You can check it by adding random data by clicking “Aggiungi Avvocato”.

How can I fix that? Do you think it’s a CSS related problem or a functions.php related problem?

February 12, 2016 at 7:32 pm #121422
Paolo
Site Admin

Post count: 31211
Entirely functions.

The map if added to the sidebar should have args for both the preview page and the actual listing detail page.

If you check this article it should be clearer: https://wpgeodirectory.com/remove-tabs/

You will see 2 conditional check, 1 for the detail page and 1 for the preview page:

line 17
```
if (geodir_is_page('detail')) {
```
line 64
```
} elseif (geodir_is_page('preview')) {
```
Hope this helps.

Thanks
February 15, 2016 at 12:17 pm #122333

f.daliessi
Expired Member

Post count: 85

I don’t have the } elseif (geodir_is_page(‘preview’)) { on my functions.php, so it would be default right?

Why is broken so? I have to add manual config for preview mode even if I don’t have a elseif?

February 15, 2016 at 1:40 pm #122349

Paolo
Site Admin

Post count: 31211

That is the problem, the function for the preview part is missing. You must have the elseif part…

February 15, 2016 at 3:32 pm #122367

f.daliessi
Expired Member

Post count: 85

This reply has been marked as private.

February 15, 2016 at 3:43 pm #122370
Paolo
Site Admin

Post count: 31211
Hi,

code for the preview page and detail page is different. This because on the preview page the data isn’t saved in the Database yet.

You can see the difference quite clearly here: https://wpgeodirectory.com/remove-tabs/

For example the args for the map are completly different.

Detail page:
```
$map_args = array();
        $map_args['map_canvas_name'] = 'detail_page_map_canvas';
        $map_args['width'] = '600';
        $map_args['height'] = '300';
        if ($post->post_mapzoom) {
            $map_args['zoom'] = '' . $post->post_mapzoom . '';
        }
        $map_args['autozoom'] = false;
        $map_args['child_collapse'] = '0';
        $map_args['enable_cat_filters'] = false;
        $map_args['enable_text_search'] = false;
        $map_args['enable_post_type_filters'] = false;
        $map_args['enable_location_filters'] = false;
        $map_args['enable_jason_on_load'] = true;
        $map_args['enable_map_direction'] = true;
        $map_args['map_class_name'] = 'geodir-map-detail-page';
```
Preview page:
```
global $map_jason;
        $map_jason[] = $post->marker_json;
 
        $address_latitude = isset($post->post_latitude) ? $post->post_latitude : '';
        $address_longitude = isset($post->post_longitude) ? $post->post_longitude : '';
        $mapview = isset($post->post_mapview) ? $post->post_mapview : '';
        $mapzoom = isset($post->post_mapzoom) ? $post->post_mapzoom : '';
        if (!$mapzoom) {
            $mapzoom = 12;
        }
 
        $map_args = array();
        $map_args['map_canvas_name'] = 'preview_map_canvas';
        $map_args['width'] = '950';
        $map_args['height'] = '300';
        $map_args['child_collapse'] = '0';
        $map_args['maptype'] = $mapview;
        $map_args['autozoom'] = false;
        $map_args['zoom'] = "$mapzoom";
        $map_args['latitude'] = $address_latitude;
        $map_args['longitude'] = $address_longitude;
        $map_args['enable_cat_filters'] = false;
        $map_args['enable_text_search'] = false;
        $map_args['enable_post_type_filters'] = false;
        $map_args['enable_location_filters'] = false;
        $map_args['enable_jason_on_load'] = true;
        $map_args['enable_map_direction'] = true;
        $map_args['map_class_name'] = 'geodir-map-preview-page';
 
```
The same is true for any other function.

Hope this helps,

Thanks
February 15, 2016 at 3:51 pm #122373
f.daliessi
Expired Member

Post count: 85
Thanks for the reply Paolo, but as I already said it’s Info Tab display problem. Everything on preview page is working correctly but it’s a display problem.

I need to edit #post_infoTab’s position on the Preview Mode page. I’m using this CSS code:
```
li#post_infoTab {
margin-top:-180px;
margin-left:150px;
}
```
to display it as I want on the DETAIL PAGE, but the code reflects on PREVIEW PAGE too.

I need a fix for the preview page.

Thanks in advance and sorry for the inconvenience!
February 15, 2016 at 7:14 pm #122449

Paolo
Site Admin

Post count: 31211

Hi,

the problem isn’t css, but the featured image that is not appearing on the preview page, because it is not saved in the DB yet. I just noticed I have the exact same problem on a theme I’m working on, so I’ve asked to the developers to help us find a solution 🙂

We’ll let you know asap.

Thanks

February 16, 2016 at 8:48 am #122924

f.daliessi
Expired Member

Post count: 85

Thank you Paolo,

is there a temporary fix? Like, can I disable #Infotab on preview page?

February 16, 2016 at 11:40 pm #123445

Paolo
Site Admin

Post count: 31211

hi,

I think I have the solution, but it needs to be tested and I need FTP access in case there is an error, that way we can continue without getting locked out of WordPress.

let us know,

Thanks
Author

Posts