This topic has 5 replies, 2 voices, and was last updated 8 years by Radu.

  • Author
  • #126334
     horizon
    Participant

    Hi,

    What is the best way to add a slogan in the right of the logo as text.

    Thanks

    #126387
     Radu
    Moderator

    Hi,

    There is no option in theme panel that can do that you will have to modify a php file.

    1. Make sure that you have installed and activated child theme

    2. Copy this file to wp-content/themes/kleo/page-parts/general-header-section.php to wp-content/themes/kleo-child/page-parts/general-header-section.php

    Then open the file from wp-content/themes/kleo-child/page-parts/general-header-section.php look around line 137 you should see this :

    COPY CODE
    
    								<img id="logo_img" title="<?php bloginfo( 'name' ); ?>" src="<?php echo $logo_path; ?>"
    								     alt="<?php bloginfo( 'name' ); ?>">
    
    

    practically you will have to add next to the above code your desired text

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #127005
     horizon
    Participant

    Thank you very much,
    Also, I would like to add text to the floating envelop, I’ve tried to copy the theme-functions.php to the lib folder in child theme but nothing changed.
    Thanks

    #127064
     Radu
    Moderator

    Hi,

    The theme-functions cannot be overwritten in child

    You can add floating text, directly in header, next to logo… kind of.. here: wp-content/themes/kleo-child/page-parts/general-header-section.php

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #127163
     horizon
    Participant

    Thanks,
    Sorry for not explaining my question. There is in a floating “Contact us” link in the lower part of the page, I want to add text to it, how should I do it?

    #127211
     Radu
    Moderator

    Hi,

    You can do that by using this function, that you will have to add it to wp-content/themes/kleo-child/functions.php

    Note : Child theme needs to be installed and activated.

    Edit and adapt it for your needs

    COPY CODE
    
    
    /***************************************************
    :: Bottom contact form
     ***************************************************/
    
    if (!function_exists('kleo_contact_form')) {
        function kleo_contact_form( $atts, $content = null ) {
            extract(shortcode_atts(array(
                'title'    	 => 'CONTACT US',
                'builtin_form' => 1
            ), $atts));
    
            $output = '';
    
            $output .= '<div class="kleo-quick-contact-wrapper">'
                .'<a class="kleo-quick-contact-link" href="#"><i class="icon-mail-alt"></i></a>'
                .'<div id="kleo-quick-contact">'
                .'<h4 class="kleo-qc-title">'. $title .'</h4>'
                .'<p>'. do_shortcode($content).'</p>';
            if( $builtin_form == 1 ) {
                $output .= '<form class="kleo-contact-form" action="#" method="post" novalidate>'
                    . '<input type="text" placeholder="' . __("Your Name", 'kleo_framework') . '" required id="contact_name" name="contact_name" class="form-control" value="" tabindex="276" />'
                    . '<input type="email" required placeholder="' . __("Your Email", 'kleo_framework') . '" id="contact_email" name="contact_email" class="form-control" value="" tabindex="277"  />'
                    . '<textarea placeholder="' . __("Type your message...", 'kleo_framework') . '" required id="contact_content" name="contact_content" class="form-control" tabindex="278"></textarea>'
                    . '<input type="hidden" name="action" value="kleo_sendmail">'
                    . '<button tabindex="279" class="btn btn-default pull-right" type="submit">' . __("Send", 'kleo_framework') . '</button>'
                    . '<div class="kleo-contact-loading">' . __("Sending", 'kleo_framework') . ' <i class="icon-spinner icon-spin icon-large"></i></div>'
                    . '<div class="kleo-contact-success"> </div>'
                    . '</form>';
            }
            $output .= '<div class="bottom-arrow"></div>'
                .'</div>'
                .'</div><!--end kleo-quick-contact-wrapper-->';
    
            return $output;
        }
        add_shortcode('kleo_contact_form', 'kleo_contact_form');
    }
    

    You will be able to re-write form structure updateproof using child theme.

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 6 posts - 1 through 6 (of 6 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?