Geodirectory with U-design theme 960 grid

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

Open Support Ticket

Tagged: full width map, genesis, Geo Bold

Author

Posts
December 2, 2014 at 9:29 pm #23338

amstourist
Expired Member

Post count: 185

Paolo, Guust,

Many THX for all the help. You guys are great!!!!!

I succeeded to make some CSS tricks to have the page http://www.amsterdamtourist.info/location more to my liking; still not finished.

I hope John can help me to adapt the plugin to the U-design theme for all the other pages.

THX again guys and if you are planning to visit Amsterdam let me know if I can help you with anything!

Cheers, Jan

December 11, 2014 at 8:41 am #24052

Cy Messenger
Free User

Post count: 4

Hi Paolo,

I think I’m trying to do the same thing as Jan. I have built a demo site on Geo Bold Theme with Geodirectory installed. I have followed you instructions and copied geodir-home.php into the child theme folder and edited it as directed, I’ve added the custom css. The map is still within the main container though. Is there any other css that I need to change?

http://dev.npvba.kombimedia.co.nz

Cheers,

Cy

December 11, 2014 at 4:41 pm #24091

Paolo
Site Admin

Post count: 31206

Hi Cy,

GeoBold is a Genesis child theme and was built to be 100% GD compatible.

Given that Genesis originally isn’t 100% GD compatible, you must install the Genesis compatibility pack.

https://wordpress.org/plugins/geodirectory-genesis-compatibility-pack/

There is no need to do any of the above for you.

Thx

December 11, 2014 at 6:27 pm #24109

Cy Messenger
Free User

Post count: 4

Hi Paolo,

Thanks for your response. I have the compatibility pack installed, so my site looks just like the demo. However I would like a full width map like in the GD Framework theme demo. Is that possible with Geo Bold?

Cheers,

Cy

December 11, 2014 at 8:01 pm #24121

Paolo
Site Admin

Post count: 31206

let’s ask to John…

December 11, 2014 at 8:09 pm #24122

Cy Messenger
Free User

Post count: 4

Great thanks Paolo

December 11, 2014 at 8:17 pm #24124

John Allsopp
Expired Member

Post count: 399

Hi,
Yes that is possible with GeoBold. The width of the map area is controlled by .gd-genesis-home-top {} on line 921 of your style.css

Simply remove the max-width:1280px; declaration and it will stretch full width. You will also need to alter the media queries for smaller screen sizes.

December 11, 2014 at 9:04 pm #24128

Cy Messenger
Free User

Post count: 4

Hi John,

Hi removed line 921 and also the media query for 1360px as I am working on a 13″ macbook.

@media only screen and (max-width: 1360px) {

.wrap,
.gd-genesis-home-top {
}

This seems to have taken the full site container to full width, not just the top ie, header, nav, map, search.

Any thoughts?

Thanks so much for your help.

Cy

December 12, 2014 at 12:31 am #24150

John Allsopp
Expired Member

Post count: 399

Hi
You need to leave the wrap in there
Author

Posts