Hero Pictures incl. Text and Button

We want to use Heros in the subpages including text and CTA button.
This is not a problem. But the text should vary on each subpage.
What is the best way to proceed?

Hello,

First thanks for using our theme and sorry for the delay!

  1. Go to Appearance > Customize > Header Area > Header Type and select Image in the two options.
  2. Go to Appearance > Customize > Header Area > Header Text and fill the fields as per your needs. At this point the same text and CTA button will appear in all pages.
  3. Install and activate the TC Custom JavaScript plugin
  4. Go To Appearance > Custom JavaScript
  5. Paste the following code into the provided box

    (function($){

        // Change the text on page with ID 82
        if( $('.body.page-id-82') ) {
            $('.header-image .header-subtext').text( 'New subtext goes here' );
            $('.header-image .header-text').text( 'New text goes here' );
            $('.header-image .header-button').text( 'New button text goes here' );
        }

        // Replicate the same code above for each page here

    }(jQuery));


OBS: Make sure to check the ID’s your pages are using and change in the code.

We hope this helps!

Let us know if you have more questions.

Kind Regards,

Rodrigo.

aThemes Support