Various Theme Questions

BB Theme
1

Hi Guys,

I’m giving the BB theme a whirl for a new site that we are creating http://valescocrossfit.com/stage and I have a couple of questions …

1> I am using a TypeKit font for headers, how can I apply this to the navigation font?
2> There are only 3 pages currently but all of them seem to have a comment box and I can’t find an option to turn comments off. We usually use Dynamik and this isn’t usually a problem, am I missing something silly?
3> Is there an option to change the size of the logo when the header is in the fixed position, it gets quite a lot smaller when the scrolling down the page?
4> Could we add social icons to where there is an option to have the search icon?
5> I would have liked the (what is going to be) call to action button to be transparent, http://d.pr/i/170TV are these settings correct?
5> Is there an option to add a box around the navigation buttons?

Thanks! :slight_smile:

2

Hey Susanna,

Thanks for getting in touch! Answers to your questions below :slight_smile:

  1. This is covered by our KB Article Loading and Using Typekit Fonts
  2. This is covered as well by our KB Article Disable Comments:)
  3. There's no option for this. Did you want your header to stay the same size and fixed while scrolling down? You can check my reply on this thread and try it out! :)
  4. Unfortunately, you can only add Social Icons on the Top Bar. This can be enabled under Theme Customizer > Header > Top Bay Layout. You can set the Social Links under Theme Customizer > Settings > Social Links.
  5. I'm getting the same thing from my end. I'll have the other guys take a look. Thanks for the heads up! :)
  6. Not really sure about this? Did you mean like how we did our Get It Now link on the site? If so, check out this KB Article.
      7. Hope this helps!

      Ben

3

Hey Susanna,

I was a bit hasty with my reply there. Regarding #5, you need to set the opacity to 0% if you want a transparent button.

Ben

4

Hi Ben,

Thanks for the quick response! But some more help please :-/

1> What would I need to label the code to change the font in the navigation?
2> Sorted, thank you!
3> We can prob use that as a workaround, but if I made the logo bigger in the first place would it shrink to a bigger size than it currently does?
4> Thanks a shame as they are really small up there…
5> Still no joy http://d.pr/i/1d23B
6> That could work but what I would like is a boarder around a button when its active and on hover…

Many thanks
Susanna

5

Hey Susanna,

No worries!

  1. This should work. .fl-page-nav ul.nav li a
  2. :)
  3. Nope, there is a max-height set on the logo on the fixed header. You could override it though. Try this CSS snippet.
    4. ``` .fl-page-header-fixed .container .row .fl-logo-img { max-height: 100px; } ```
  4. No worries!
  5. Try placing a background color. That should do the trick!
  6. This is on the KB article. It should work just fine.
    7. ``` /*Give the button a hover & active state*/ .fl-page-nav .navbar-nav > li.nav-button > a:active, .fl-page-nav .navbar-nav > li.nav-button > a:hover { color: #fff; background-color:#196F8C; } ```

Ben

6

Hi Ben,

Sorry to reopen this but I thought it would be easier as all the info is above.

I have created a button using your directions here http://forum.wpbeaverbuilder.com/knowledge-base/buttons-in-navigation-menu/

The problem is that in the active state the text of the button is the same as the background. Please can you give me hand with the css so the text is white when the button is in active state?

Many thanks
Susanna

7

Hey Susanna,

No worries! Try this CSS snippet.

.fl-page-nav .navbar-nav > li.nav-button > a:focus {
  color: #FFF;
}

Ben

8

[Content Hidden]

9

Hi…

Also, the nav buttons seem to have moved up on the fixed header http://d.pr/i/mON5 is that to do with the button?

Thanks
Susanna

10

Hey Susanna,

I’ve adjusted the CSS to fix the color and the alignment of the Fixed Header. Just in case everything doesn’t work out from your end though, I’ll post the CSS code you have before I edited it in a private reply. You can just copy and paste it in your CSS code section to undo what I did. :slight_smile:

Ben

11

[Content Hidden]

12

Thanks Ben, its perfect!

13

Awesome! Enjoy BB! :slight_smile:

Ben