Add Another Picture in Logo Section

Discussion in 'Cloriato WordPress Theme' started by childerscounseling, Oct 19, 2013.

  1. childerscounseling

    childerscounseling New Member

    Joined:
    Apr 30, 2012
    Messages:
    4
    Likes Received:
    0
    Is there a way to have 2 pictures in the logo section? I have a photo and text I want to put next to it. I have been able to create the text into a jpeg file so that I could put them side by side, but I haven't been able to create the photo and text into 1 jpeg file. I do not have photoshop software. Thanks!
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    For this open header.php and add code given below as shown in the image.

    Code:
     <img src="YOUR IMAGE LINK"><p> YOUR TEXT </p>

    header2image.png
     
  3. childerscounseling

    childerscounseling New Member

    Joined:
    Apr 30, 2012
    Messages:
    4
    Likes Received:
    0
    Thank you so much for your reply. When I go into editor, the code section for the logo is a little different than what you referenced above. Below is a copy of the logo code section that I have. I found the "img src = "section, but I'm not sure where insert the end of the code you provided within the code section. I see the starting point, but the end point is unclear to me. I hope this makes sense. I'm afraid I will accidentally erase some of the other code. Could you highlight exactly where below to insert the above code? Thanks!

    <!--Start Header Wrapper-->
    <div class="grid_24 header_wrapper">
    <!--Start Header-->
    <div class="header">
    <div class="grid_14 alpha">
    <div class="logo"> <a href="<?php echo home_url(); ?>"><img src="<?php if ( get_option('inkthemes_logo') !='' ) {?><?php echo get_option('inkthemes_logo'); ?><?php } else {?><?php echo get_template_directory_uri() ; ?>/images/logo.png<?php }?>" alt="<?php bloginfo('name'); ?>" /></a></div>
    </div>
    <div class="grid_10 omega">
    <div class="top_right_bar">
    <ul class="social_logos">
    <?php if ( get_option('inkthemes_facebook') !='' ) { ?>
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    I have added second logo and text code in the code you have provided.
    Replace it with existing code.

    Code:
    <!--Start Header Wrapper-->
    <div class="grid_24 header_wrapper">
    <!--Start Header-->
    <div class="header">
    <div class="grid_14 alpha">
    <div class="logo"> <a href="<?php echo home_url(); ?>"><img src="<?php if ( get_option('inkthemes_logo') !='' ) {?><?php echo get_option('inkthemes_logo'); ?><?php } else {?><?php echo get_template_directory_uri() ; ?>/images/logo.png<?php }?>" alt="<?php bloginfo('name'); ?>" /></a>
    <div id="logo"><img src="YOUR IMAGE LINK"><p> YOUR TEXT </p></div>
    </div>
    </div>
    <div class="grid_10 omega">
    <div class="top_right_bar">
    <ul class="social_logos">
    <?php if ( get_option('inkthemes_facebook') !='' ) { ?>
    
     
  5. childerscounseling

    childerscounseling New Member

    Joined:
    Apr 30, 2012
    Messages:
    4
    Likes Received:
    0
    I believe I made the changes in the code correctly as indicated above, but now when I go into theme options for the logo, it doesn't give me an option to load another picture, and now the website shows a box with a little red "x" in it to the right of the 1st picture as if there is a 2nd picture missing. I do want the two (2) pictures to be horizontally side by side, but it seems like there is a problem in the theme options not giving me the option to load the 2nd picture. Please advise. Thanks!!
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    It is not possible to add second logo option in the theme option panel, You have to add your second logo image manually in the code given above.
     

Share This Page