Add buttons to hero

I need help adding buttons to the hero instead of after it, I would like it to go right after the “I am a…” part.

I would also like to know how to write some words, then have the portfolio show up for the rest of the page, right now the words will not show up.

Lastly, is there any way to make a pop up modal for each portfolio project instead of it going to its own blog post?

Thanks for the help!

Hi,

Thank you for reaching out to us about our theme Ignis. I am happy to help with your queries. Let’s address them oe by one.

To add buttons to your site’s header area, you can start with the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {

      if( $('.ignis-hero-area').length ) {
        $('.ignis-hero-area .header-text').append('<div class="header-button-area"><a href="#" class="header-button">My Button</a> <a href="#" class="header-button">My Button</a></div>');
      }

    })(jQuery);
  1. Update
  2. Add the below CSS code to Appearance > Customize > Additional CSS from dashboard.
    .header-button-area {
    	 margin-top: 20px;
    }
     .header-button-area a.header-button {
    	 padding: 10px 20px;
    	 background-color: #ff6b7e;
    	 color: #fff;
    	 font-size: 22px;
    }

I request you giving it a try with your own adjustments.

I hope this reply helps.

Please raise separate topics for your other questions, so we can track progress easier and help you in a better way.

Regards,
Kharis
aThemes Support

1 Like