• Resolved yatiya

    (@yatiya)


    Hi all

    I have managed to split my phone number over two lines using the echo str_replace (‘^’,’
    ‘ command.

    However, if you notice, the phone numbers now don’t line up, since the first line has a phone icon before the number, but the second doesn’t.

    How can I make them line up?

    My site is https://www.entdocatiya.co.za

    Thank ou

Viewing 10 replies - 1 through 10 (of 10 total)
  • Try this custom css:

    .icon-left-top.bgnone
    {text-align: left !important}
    .fa-phone
    {float:left; height:50px; padding-top:12px}

    Thread Starter yatiya

    (@yatiya)

    Thanks. That did it!!!! Can I give you a bump or something?

    Thread Starter yatiya

    (@yatiya)

    Can you maybe healp me with adding a logo to the right of my Name and Qualifications?

    The theme has a facility for this, but it’s commented out, and I haven’t been able to hard code it!

    This is the code for header.php (I’ve made a few edits aleeady)

    <?php
    /**
    * The Header for our theme.
    *
    * Displays all of the <head> section and everything up till <div class=”container”>
    *
    * @package SKT Spiritedlite
    */
    ?>
    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <link rel=”profile” href=”https://gmpg.org/xfn/11″&gt;
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”>
    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>
    <div class=”header”>
    <div class=”signin_wrap”>
    <div class=”topfirstbar”>
    <div class=”topbarleft”>
    <div class=”icon-left-top”>
    <?php if( ” !== get_theme_mod(‘contact_mail’)){?>
    “><i class=”fa fa-envelope fa-1x”></i><?php echo esc_attr(get_theme_mod(‘contact_mail’,’[email protected]’)); ?>
    <?php } ?>
    </div>
    <div class=”icon-left-top bgnone”>
    <?php if( ” !== get_theme_mod(‘contact_no’)){ ?>
    <i class=”fa fa-phone fa-1x”></i><?php echo str_replace (‘^’,’
    ‘,get_theme_mod(‘contact_no’, ‘+1 800 234 568’)); ?>
    <?php } ?>
    </div>
    </div>
    <div class=”topbarright”>
    <div class=”top-phonearea”>
    <div class=”social-top”>
    <div class=”social-icons”>
    <?php if ( ” !== get_theme_mod( ‘fb_link’ ) ) { ?>
    “>
    <?php } ?>
    <?php if ( ” !== get_theme_mod( ‘twitt_link’ ) ) { ?>
    “>
    <?php } ?>
    <!– <?php if ( ” !== get_theme_mod(‘gplus_link’) ) { ?>
    “>
    <?php }?>
    <?php if ( ” !== get_theme_mod(‘linked_link’) ) { ?>
    “>
    <?php } ?> –>
    </div>
    </div>
    </div>
    </div>
    <div class=”clear”></div>
    </div>
    </div>
    <!–end signin_wrap–>
    <div class=”header-inner”>
    <div class=”logo”> “>
    <h1>
    <?php bloginfo(‘name’); ?>
    </h1>
    <span class=”tagline”>
    <?php echo str_replace(‘^’,’
    ‘,get_bloginfo(‘description’)); ?>
    </span>
    </div>
    <!– logo –>
    <div class=”toggle”>
    <?php esc_attr_e(‘Menu’,’spirited-lite’); ?>
    </div>
    <!– toggle –>
    <div class=”nav”>
    <?php wp_nav_menu( array(‘theme_location’ => ‘primary’)); ?>
    </div>
    <!– nav –>
    <div class=”clear”></div>
    </div> <!– header-inner –>
    </div><!– header –>

    <?php if ( is_front_page() && ! is_home() ) { ?>
    <section id=”home_slider”>
    <?php
    $sldimages = ”;
    $sldimages = array(
    ‘1’ => get_template_directory_uri().’/images/slides/slider1.jpg’,
    ‘2’ => get_template_directory_uri().’/images/slides/slider2.jpg’,
    ‘3’ => get_template_directory_uri().’/images/slides/slider1.jpg’,
    ); ?>
    <?php
    $slAr = array();
    $m = 0;
    for ($i=1; $i<4; $i++) {
    if ( get_theme_mod(‘slide_image’.$i, $sldimages[$i]) != “” ) {
    $imgSrc = get_theme_mod(‘slide_image’.$i, $sldimages[$i]);
    $imgTitle = get_theme_mod(‘slide_title’.$i);
    $imgDesc = get_theme_mod(‘slide_desc’.$i);
    $imgLink = get_theme_mod(‘slide_link’.$i);
    if ( strlen($imgSrc) > 2 ) {
    $slAr[$m][‘image_src’] = get_theme_mod(‘slide_image’.$i, $sldimages[$i]);
    $slAr[$m][‘image_title’] = get_theme_mod(‘slide_title’.$i);
    $slAr[$m][‘image_desc’] = get_theme_mod(‘slide_desc’.$i);
    $slAr[$m][‘image_link’] = get_theme_mod(‘slide_link’.$i);
    $m++;
    }
    }
    }
    $slideno = array();
    if( $slAr > 0 ){
    $n = 0;?>
    <div class=”slider-wrapper theme-default”>
    <div id=”slider” class=”nivoSlider”>
    <?php
    foreach( $slAr as $sv ){
    $n++; ?>
    <img src=”<?php echo esc_url($sv[‘image_src’]); ?>” alt=”<?php echo esc_attr($sv[‘image_title’]);?>” title=”<?php echo esc_attr(‘#slidecaption’.$n) ; ?>” />
    <?php
    $slideno[] = $n;
    }
    ?>
    </div>
    <?php
    foreach( $slideno as $sln ){ ?>
    <div id=”slidecaption<?php echo esc_attr($sln); ?>” class=”nivo-html-caption”>
    <div class=”slide_info”>
    <h2><?php echo esc_attr(get_theme_mod(‘slide_title’.$sln, __(‘Welcome To Our Website’,’spirited-lite’))); ?></h2>
    <p>
    <?php echo esc_attr(get_theme_mod(‘slide_desc’.$sln, __(‘Quisque blandit dolor risus, sed dapibus dui facilisis sed. Donec eu porta elit. Aliquam porta sollicitudin ante, acntum orci mattis et. Phasellus ac nibh eleifend, sagittis purus nec, elementum massa. Quisque tincidunt sapien a sem porttitor, id convallis dolor’,’spirited-lite’))); ?>
    </p>
    <!– “>
    <?php esc_attr_e(‘Read More’, ‘spirited-lite’); ?>
    </div> –>
    </div>
    <?php } ?>
    </div>
    <div class=”clear”></div>
    <?php } ?>
    </section>
    <div class=”clear”></div>
    <?php } ?>

    The icon would go in round about line 68 in the original header.php, but its not practical to recode header.php via a forum answer.

    Its not a good idea to change header.php because edits will be overwritten by theme updates. You won’t want a theme that you can’t update without a redoing the work.

    Consider looking at the Pro version which does have the logo option. Its not clear to me from the demo where the logo will appear, so best to ask the vendor before purchase.
    https://sktthemesdemo.net/skt-corporate/

    Thread Starter yatiya

    (@yatiya)

    Thanks again. I’ve been editing a child theme, so no worries about losing customizations.

    I’ve run into another issue, since editing the header contacts, the footer contact has changed its format. It rode up into the address, which I fixed easily with a
    command in the footer, but the number is too far right justified now.

    Any ideas?

    #footer-wrapper div div:nth-child(6) span {padding-left:21px}
    Thread Starter yatiya

    (@yatiya)

    Hey thanks so much! Really appreciate it!

    Thread Starter yatiya

    (@yatiya)

    Hi Lorro

    Another query: How would I make those phone numbers clickable on a mobile phone? So if a user taps it, it must open his phone to allow him to dial?

    You would need something like this:
    Click here to call 0123-456-789

    It won’t be possible to do this with css, it will be necessary to code it into header.php.

    Thread Starter yatiya

    (@yatiya)

    Yeah, I thought as much. Thanks!
    Any thoughts on this? https://www.ads-software.com/support/topic/blog-page-posts-link?replies=6

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Formatting header’ is closed to new replies.