Anyone find a way to use the BB theme and Plug in with WP Geo Directory?

BB Theme
1

I am working on a Directory and https://wpgeodirectory.com/ seems to offer the best features for doing it with WP.

I am trying to use BB theme and BB Plugin to do this but things are not working out right.

I have the bb theme set to full wide so i can have a home page with a wide layout but then any of the pages auto created by Geo Directory as part of the install to output pages for listing and so on are all full wide from edge to edge looking bad, i can click on BB and it loads up but i have no way to control the layout of the page BB will do nothing to any of the pages except add in items to a bottom area but i have no way to make the page boxed so everything is not all edge to edge it has no border space or anything…

Also the listing output is created on the fly into a page that dose not show up till it is created for that listing display and it is all full wide looking very bad with no borders or padding.

IF i set the theme to boxed then everything is boxed including the on the fly pages but i then no longer have any full wide areas on my home page like i would want.

Any way to make it work so i can have the home page be wide top header, menu and top image display that will then have boxed in content a normal BB page i can work with - and all the other pages be boxed so all the Geo pages stay boxed and not all messed up???

Thanks this is a huge project i am just starting work on.

2

Hey Edward,

Thanks for getting in touch! Sorry but BB has no way of controlling those pages that are created dynamically. Do you mind sharing the URL of the site though? We might be able to do it via custom CSS.

Ben

3

Yes here is the link.

Right now any of the pages it creates all do not format with BB at all. It has sample data in it for testing.
We have big plans for selling at lot of listing for this as this is such a new hot topic right now and we have worked in the beach wedding business for over 10 years in the past…
http://samesexbeachweddingdirectory.com/

They sell a theme for Genesis this one
http://geotravel.wpgeothemes.com/

I might end up getting that if i have to and the framework … Do you think BB will then work with in that Genesis theme so i can use BB for the home page and other pages for designs?.

I did a search on their site and a few other people seem to be having problems using BB to with it. Would be great if i can use the builder even if i have to use a different theme.

I have over 20 other wedding related websites i own i will be pushing this into to help market it and my wife will be quitting her job in a few months by the end of the year to sell this and other wedding directory’s we will be starting 100% of the time… I will also be converting all my other wedding sites over to directory’s so we will end up with around 30 of them around the country, we own sites for every major wedding town in the US all ready and need to start making money with them…

Thanks

4

I went ahead and got the Genesis set up this was more easy as it was set up for this all ready. BB works as well with it but not for everything but good for what i want to do. Still trying to work out how to make it go all wide like the demo http://geotravel.wpgeothemes.com

Update
Now that i have it set up with the Genesis set up BB dose not work at all. The link shows up for BB but then nothing can be added to a page.

5

Ok if you help make BB work for this that would be great i do not like the way the Genesis set up works at all i would much rather use BB and BB theme.

Right now i have it set to use Genesis with the geo travel theme and i am using BB to layout the home page including top large image area but if i can make BB theme work for this for all wide for the home page and boxed for all other pages that would be 100 times more easy to work with then this geo travel theme that seems to be outdated and not work well.

To get BB to even work on the home page i had to deactivate it and reactivate it and switch theme back and forth the BB started to work right but this geo travel theme is giving me to much extra space at the top of the home page i see no way to take out to go wide i had to place 1600 pix wide by 3pix image in for a background.

So if you help me get this all done with the BB theme and plug in that would be fantastic.

6

[Content Hidden]

7

Hey Edward,

You need to enable the BB theme, and set the layout to Boxed. You can then add this CSS snippet to make the homepage full width.

@media (min-width: 1200px) {
  .home .fl-page {
    width: 1100px;
  }
}

If you want to make more pages full width, you simply need to get the page ID and add it there. Check out this dated article on how to get the page ID. If the page ID is 5, you simply add it like so… .home .fl-page, .page-id-5 .fl-page {.

Hope this helps!

Ben

8

Ok thanks i needed to change it from width: 1100px; to 100% to be all wide . I hope that will not be a problem?

@media (min-width: 1200px) {
.home .fl-page {
width: 100%;
}
}

Can you help me with some CSS or what ever is needed for padding on the right and left of the auto on the fly pages. It now fits but need some padding or space on each side. right now it is all the way out to the boxed edge.

http://samesexbeachweddingdirectory.com/beach-wedding-locations/united-states/florida/pensacola-beach/photographers/national-constitution-center/

Thanks this will be much better going BB all the way

9

Also any way to make the top header and top menu be full wide like the home page now on all the pages.?

10

Hey Edward,

That’s right, that needs to be 100%! Must have forgotten to replace it. :slight_smile: If you want the top header and menu to be full width on all pages, you’ll have to switch to the full width layout and use this CSS snippet to make everything boxed except for the homepage. This also includes the padding you needed on the site of the content.

@media (min-width: 1200px) {
  .fl-page .fl-page-content {
    width: 1100px;
    margin: 0px auto;
  }
}
.fl-page .fl-page-content {
  padding-left: 20px;
  padding-right: 20px;
}
.fl-page .fl-page-content .content {
  float: none;
}
.home .fl-page .fl-page-content {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

Same goes as above, if you want other pages to be full width, just get their post ID and add them to the last snippet like so…
.home .fl-page .fl-page-content, .page-id-5 .fl-page .fl-page-content {

Hope this helps!

Ben

11

Ok thanks that looks great i am glad it included the footer as well.

Have one BB plug in problem i can not seem to find a way to lay out do you have any suggestions.

The home page i layed out buttons for states to click on i have it set 40% and 3 20% button areas.
The problem is over the top i have two 50% area one with a line set to 0 so you can not see it so i can have the text Start by picking a state.

But when it is sized down for cell phones or other smaller sizes the text is no longer up top of the buttons it then moves way up top away from the buttons.

Any way to make this work right?

12

Hey Edward,

The only way I can think of is, set that current row to show only on Medium and Large Devices. Then create a replica of that row for your mobile view and do the layout you want and set it to show only on Small Devices. That should do the trick!

Ben