Adding links to the header promo boxes

Hi everyone! I would be grateful if someone can help me with adding links to the texts in promo boxes. Attach the screenshot below.
I have tried to find the place to change in theme editor (such as in styles.css). Maybe i should add some code to function.php? But how?
Also I can`t find the file of the page with div tag with class “promo-box”. All pages in theme have .php extension, but unfortunately i dont know PHP.

Hello, you can try to do this with jQuery.

  1. Install and activate Insert Headers and Footers plugin that will allow you to insert JS (jQuery) code.

  2. Go to Settings → Insert Headers and Footers section, add the following code to Scripts in Header field, and click Save button.

<script>
    jQuery(document).ready(function(){
        jQuery('.promo-box:nth-child(1)').wrap("<a href='https://example.com'></a>");
        jQuery('.promo-box:nth-child(2)').wrap("<a href='https://example.com'></a>");
        jQuery('.promo-box:nth-child(3)').wrap("<a href='https://example.com'></a>");
    });
</script>

Just replace the https://example.com with respective links.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

1 Like

Thanks! The links were added. It`s cool that your theme support works pretty well!

1 Like

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support