Add 2nd Button to Header

Hi, @vincerains

This is possible only with some custom changes to the theme files. The theme doesn’t support having two slider buttons simultaneously.

Thanks @inamoro

I set up the child theme and will make the changes. Before I get a little too crazy with it, could you point me in the right direction? Would I make the modifications in:

inc/dynamic-css/hero-header-button.php

Not super familiar with php, but I can make it work if I can find the general direction.

Thanks!

@vincerains You’ll need to modify the following files to register the new button in the Customizer and then have it displayed in the theme:

inc/customizer/configs/homepage-media/class-inspiro-homepage-media-content-config.php
template-parts/header/header-button.php
inc/classes/class-inspiro-theme-upgrader.php

It’s not that simple to register a new button, as it involves multiple files changes.

It would be much easier to add an additional button and have more control over the featured area at the top by creating it using Elementor or Gutenberg.

To do that, you will need to disable the existing featured area, and you can do that by removing your video or image currently shown from the Customizer and also leaving all these fields empty: https://d.pr/i/ZWzKQS

If there won’t be any image/video and text, the featured area will disappear, so you can replace it with another one.

If you already have Elementor and the Elementor Addons by WPZOOM plugin installed, follow these steps:

1. Click on the W to load a new template: https://d.pr/i/fRu4dP

2. Import the “About” template from the Inspiro PRO – Business Demo.

3. Change the homepage’s template to “Page Builder (Transparent Header…)” – https://d.pr/i/CnNtFt

Here’s how you can choose which page to show as your front page:
https://www.wpzoom.com/wp-content/uploads/2019/06/Pasted_Image_25_06_2019__12_44.png

4. Now, you can edit the hero area at the top as you want. Add Buttons, etc.

I have also quickly created a sample layout with such a featured area created in Elementor.

You can download the Elementor JSON template here – https://d.pr/f/68EKJd

Look here for instructions to import the template in Elementor: https://elementor.com/help/template-library/#elementor-toc__heading-anchor-4

You also do it in the Template Library (the folder icon) – https://d.pr/i/7QMsmY

Here’s the final result: https://d.pr/i/omyhIc

Thanks @wpzoom! I’ll give this a shot and report back if there are any issues.