Add a third button in Big Title section of Zelle

Please follow the below steps to add a third button in the big title section of the Zelle theme.

  1. First, please create a child theme for Zelle Pro according to this guide.
  2. After that, add the following code at the end of the functions.php file of the child theme.
function add_third_button_bts() {

    $zerif_bigtitle_bluebutton_url = '';
    $zerif_bigtitle_blutbutton_label = 'Third button';

 echo '<button class="btn btn-primary custom-button third-btn" onclick="window.location=\'' . esc_url( $zerif_bigtitle_bluebutton_url ) . '\';"><span class="screen-reader-text">' . wp_kses_post( $zerif_bigtitle_blutbutton_label ) . '</span>' . wp_kses_post( $zerif_bigtitle_blutbutton_label ) . '</button>';
add_action( 'zerif_big_title_buttons_bottom', 'add_third_button_bts' );

3. Save the changes. That's it.

Feel free to change the value of the variables with the button label and URL, which are now and Third button, but left the quotes exactly as they are.

In order to change the background color of this button, you can add the following custom CSS to Appearance -> Customize -> Additional CSS section.

.big-title-container .buttons .third-btn {
    background: #523ae2;

In this code, you can change the color code as per your choice.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us