Creating content row in header

Beaver Builder
1

I’m using both BB theme and plug-in to try to recreate an existing site as closely as possible. The existing site is http://birchwoodschool.org/ What I’m trying to recreate is the content in the upper right part of the header: the row of links and social media buttons, and the two light colored boxes below it with content and >> Links. Any suggestions? Thanks.

2

Hey Jaime,

Welcome to the BB forums! :slight_smile:

Since you are on the BB theme, you can use the Nav Bottom Header layout. This allows you to add content to the right side of the header.

Re the content, you can use HTML to replicate it(hard code). Or, try the beta version of our plugin so you can use the shortcode. Basically, the shortcode allows you to pull content from a BB page. So you can do the layout using BB, then place it there using the shortcode. You can check the links below for more info. :slight_smile:
http://forum.wpbeaverbuilder.com/beaver-builder-1-7-now-with-partial-refresh-per-page-code-settings-and-our-first-shortcode/
http://forum.wpbeaverbuilder.com/knowledge-base/shortcodes/

Hope this helps!

Ben

3

Thanks, Ben. That helped a lot. If I want to use HTML to replicate the content on the right side of the header, do I need to add that HTML in one of the php files accessible through WP editor?
Also, is there a way to make that content different on the static homepage? I’m creating two BB templates (one for the homepage and another for all other pages). The only thing I want to be different in the header of those two templates is the content on the right side.

4

Hey Jaime,

Once you set the Header Layout to Nav Bottom, there will be a box where you can put content on the right side of the header and it accepts HTML tags. :slight_smile: Check screenshot below for reference.
http://imgur.com/L3CroL3

Also, is there a way to make that content different on the static homepage?

No way to do that via BB settings. But it should be possible if you’re comfortable with PHP/WordPress. You can modify the /includes/nav-bottom.php file on your child theme. You can use the conditional tag is_front_page to check if the homepage is viewed, then show your static hard coded content. If it isn’t, then show what’s set on the customizer.

Hope this helps! :slight_smile:

Ben

5

Thanks again. It’s rare to get such prompt and lucid tech support.
Of course now I have some new questions. I started the process you described above, then went off on a tangent when I noticed that the menu I had created had a rollover color that matched the background color. So I went off to fix that.
When I’ve worked with other WP templates, I’ve gone into the style.css file and made changes. But I know that I should first create a child theme and put the new css in there.
Since BB comes with a child theme zip file, I installed it. But when I activated it and looked at the page in a browser, some of the formatting changes I had previously made (background color, header background color, link color, etc.) did not display. I had not made these changes in the parent theme css file, but rather by using the “customize” formatting options available within WP.
Next I opened the page in BB, and I noticed that the formatting displayed properly there, even though it was gone when visiting the page in a browser. At first I thought that the child theme wasn’t forcing the parent theme to load it’s styles, so I switched back to the parent theme, but the formatting was still gone when viewed in a browser. (I viewed the page in different browsers to confirm what I was seeing).
I wanted to check if the styles I customized were still present in the parent theme, so I looked at the style.css file from the parent theme, but it has no content beyond the header information and a warning not to make changes there.

So here are my questions:

  • Why does the formatting not display in a browser, but displays properly in WP BB admin?
  • Where are the styles? If the style.css file in the parent theme is blank, is there any way for me to edit styles directly? When I use the child theme with its own style.css file, can I add styles to it, and will they override the parent theme styles?
  • Since I’m using a child theme, should I amend your last response to the read: “duplicate the nav-bottom.php file and add it to the child theme, then modify that file as described?” Will this override the nav-bottom.php file in the parent theme?
  • What will be lost if I update BB in the future? I’m assuming that nothing in the child theme will be changed, but what about changes I’ve made (or will make) by customizing files within the parent theme?

Sorry for the long-windedness. Thanks in advance.

6

Hey Jaime,

  1. All theme customizer settings are lost when you change themes, whether it's a child theme or not. You can export the theme settings though under Customizer > Export/Import. You'll want to export the parent theme settings, then import it to your child theme.
  2. The styles being generated by the theme customizer and/or BB plugin does not go to the style.css file, it gets saved to the DB directly. The style.css file is only for custom styling. The child theme's style.css file gets added on top of the parent theme's style.css style.
  3. That is correct. :)
  4. This would depend on what changes you've made to your parent theme. If you only made changes using the customizer settings, then you shouldn't lose anything at all. But if you made changes to the files, e.g., the style.css file, then you will lose those as all files get overridden when you update the theme.

Just adding here that all of the above are standard for WP themes, not just BB. :slight_smile:

Ben