Extra call to action buttons

Hi
Is it possible to create extra call to action buttons in the slider so that they go beside or under the ‘Explore’ and ‘Browse’ buttons in the standard template? I’ve seen someone ask a similar question about Sydney (wanting to add another call to action button beside the existing one). I tried the suggested code via the Insert Headers and Footers plugin, but it didn’t work. Thanks.

Hello @JRD760,

You can add the third call to action button with jQuery.

  1. Please install and activate Insert Headers and Footers plugin that will allow you to insert JavaScript code.

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

<script type='text/javascript'>
    jQuery(document).ready(function(){
        jQuery('a.button.header-button.right-button').after(jQuery('<a href="3rdButtonLink" class="button header-button right-button">3rdButtonName</a>'));
    });
</script>

Please replace 3rdButtonLink and 3rdButtonName with desirable values.

Also you might want to add the following CSS code to make your buttons look better on very low resolutions.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (max-width: 400px) {
    .button.header-button {
        margin-top: 20px !important;
    }
}

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

Kind Regards, Roman.

Thanks Roman, that worked perfectly!!

You are welcome @JRD760!

And have a nice day :slight_smile:

Kind Regards, Roman.