Questions about GD Pages Layout

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

Open Support Ticket

Author

Posts
January 15, 2017 at 3:12 pm #343079

jotomas
Buyer

Post count: 802

Hi,

I have been testing the GD Home Page layout, mainly enabling and disabling GD Left and Right sections and modifying their widths as well as the width of the GD Content section and I do not fully understand how all these settings work, since regardless of the widths I set, on display they are always the same. Only disabling the GD Left section moves the GD Content section a bit to the left.

Also, disabling GD Left and / or Right sections disables fullwidth of the theme footer.

Finally, the “GMap – Home Page” widget does not reach the right top of the page and the Categories window is not correctly placed.

All these problems could be seen in the location page:

https://inforoses.com/location/

In this WordPress page the “GMap – Home Page” widget appears correctly:

https://inforoses.com/mapa/

Theme used is Divi from Elegant Themes.

I look forward to your reply.

Thank you very much for your attention.

Best regards.

January 15, 2017 at 3:43 pm #343083

Kor
Moderator

Post count: 16516

Hi Jotomas,

Could you please share temp WP admin access and I’ll check the GD settings? Meanwhile, could you try adjusting the percentage of the “Width of listing content section” and make sure you untick “Listing right section” http://prntscr.com/dvxmmy ? Well, let us know how it goes.

Thanks!

January 15, 2017 at 3:57 pm #343092

jotomas
Buyer

Post count: 802

This reply has been marked as private.

January 15, 2017 at 4:30 pm #343100
Kor
Moderator

Post count: 16516
Hi Jotomas,

Thanks for sharing the credentials. I’ve just checked your Website and it looks like most the layout are controlled by the theme. I’ve prepared a custom CSS code for you and it should fix the issue there. But, I’m not sure if these custom CSS will break other pages. Could you please check on it? Insert into Gd > Design > Scripts > Custom Style CSS .
```
.container {
    width: 100%!important;
    max-width: 100%!important;
    text-align: center!important;
}

#left-area {
        width: 100%!important;
}

.et_right_sidebar #left-area {
    padding-right: 0%!important;
    padding :10px!important;
}

div#geodir_map_v3_home_map_3_wrapper,
div#sticky_map_geodir_map_v3_home_map_3,
div#geodir_map_v3_home_map_3 {
    width: 100%!important;
}
```
Thanks!
January 15, 2017 at 5:00 pm #343104

jotomas
Buyer

Post count: 802

Hi Kor Chung,

Thank you very much for your fast response.

I tried the CSS code and it seems to work without breaking anything, but my CSS knowledge is almost zero and I have some questions:

This CSS code will affect only the GD Location page or all GD Pages?

Then, the settings in “GeoDirectory –> Design” will not have effect and I will have to tweak this CSS code instead? I would like to be able to enable / disable and adjust the widths of the right / left / content sections.

Also, in the “Popular Post Widget” now, with the CSS code in place, the text appears centered instead left justified.

I look forward to your reply.

Thanks once again and best regards.

January 15, 2017 at 5:04 pm #343105

jotomas
Buyer

Post count: 802

Hi Kor Chung,

Well, I checked again and unfortunately the code breaks something, the Listing Detail page, as you can see here:

https://inforoses.com/negocis/spain/catalunya/roses/immobiliaria/inmobiliaria-eureka/

Best regards.

January 15, 2017 at 5:09 pm #343106

jotomas
Buyer

Post count: 802

Hi again,

In any case, since the Divi theme used is one of the compatible themes appearing in “GeoDirectory –> Theme Compatibility” settings I assume that it should work fine without this CSS code being necessary. Will you soon update GeoDirectory to make this happen?

Best regards.

January 15, 2017 at 5:36 pm #343110

jotomas
Buyer

Post count: 802

Hi Kor Chung,

I have this CCS code in the Divi CSS custom code:

#sidebar {width: 30%;}
#left-area {width: 70%}

As per this support ticket:

https://wpgeodirectory.com/support/topic/width-of-info-bar-on-sidebar/

Do you think it could interfere?

I look forward to your news.

Thanks once again and best regards.

January 16, 2017 at 8:30 am #343412
Kor
Moderator

Post count: 16516
Hi Jotomas,

I’ve checked that thread it looks like you’re using that custom CSS to fix other issues. So, let’s just keep it that way. I’ve just checked this page and it looks like you’ve inserted a sidebar https://inforoses.com/location/ and if you wish to make it full width, a custom CSS code must be applied.

Well, let’s do this one at the time. To fix “GMap – Home Page widget” in this page https://inforoses.com/location/ , kindly use the custom CSS code below.
```
div#geodir_map_v3_home_map_3_wrapper,
div#sticky_map_geodir_map_v3_home_map_3,
div#geodir_map_v3_home_map_3 {
    width: 100%!important;
}
```
So, could you tell us what’s the next thing you wish to achieve?

Thanks!
January 17, 2017 at 9:41 am #344299

jotomas
Buyer

Post count: 802

Hi Kor Chung,

Thank you for your reply.

The “GMap – Home Page widget” is fixed, thanks!

About the other layout issues with the GD Pages with Divi theme, I have made some tests and I noticed that Divi settings disable GD settings. For example, setting FullWidth from Divi for the GD Location page, disables GD Left and Right sections, while setting Right Sidebar enables them.

Then, as I said before, since the Divi theme used is one of the compatible themes appearing in “GeoDirectory –> Theme Compatibility” settings I assume that it should work fine without any additional CSS code being necessary and that a GeoDirectory update will be necessary. Will you soon update GeoDirectory to make this happen?

I look forward to your news.

Thanks once again and best regards.

January 17, 2017 at 6:16 pm #344610

Kor
Moderator

Post count: 16516

Hi Jotomas,

Glad that helped. I’d like you to know that Divi theme is compatible with GD but it takes over design settings, just like all compatible themes. Which means you’ll still need some custom CSS for design related adjustments. I hope this clears it up.

Thanks!

January 28, 2017 at 12:58 pm #351204

jotomas
Buyer

Post count: 802

Hi Kor Chung,

Finally I decided to migrate to Extra theme, also from Elegant Themes like Divi, because its layouts are more suitable for my concept of how has to be the site.

I would like to ask for help to make some adjustments to the GD Pages, starting with the GD Detail Page, to which I would like to give some margins since now the content and sidebar go up to the edge of the display, as you can see in this example:

https://inforoses.com/negocis/spain/catalunya/roses/perruqueria_estetica/estetica-calendula/

I look forward to your reply.

Thank you very much once again for your help.

Best regards.

January 30, 2017 at 6:37 pm #352059
Kor
Moderator

Post count: 16516
Hi Jotomas,

Thanks for your reply and I’m sorry for the delay in response. Kindly use the custom CSS code below to fix that.
```
#geodir-wrapper {
    padding: 0 20px!important;
}
```
Thanks!
February 3, 2017 at 7:22 pm #354552

jotomas
Buyer

Post count: 802

Hi Kor Chung,

Thank you very much!

Best regards.

February 4, 2017 at 5:09 am #354673

Kor
Moderator

Post count: 16516

Hi jotomas,

You’re Welcome.

Thanks!
Author

Posts

Viewing 15 posts - 1 through 15 (of 22 total)

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

Open Support Ticket

How to open a new support ticket

Support Policy

Support Forum Search