WordPress.org

Ready to get started?Download WordPress

Forums

How To Insert A Logo/Image Into My Title Header? (17 posts)

  1. jauntberry
    Member
    Posted 4 years ago #

    Hi!

    I just downloaded the "constructor" template on my blog and have the title of the blog in the top, lefthand corner. I want to place a logo/image directly to the right of the title copy. Any idea of how to do this?

    OR - If I create a new logo (with the title and image) separately in photoshop and save as a jpg, can I upload this to my header and use as my title?

    Thanks for any help/insight!

    Tim

  2. barkins
    Member
    Posted 4 years ago #

    You'll have to open the header.php file, and insert your image where ever you wish in there.

  3. jauntberry
    Member
    Posted 4 years ago #

    Haha, I'm new to this so not 100% sure how to go about that..

  4. Thejas Kamath
    Member
    Posted 4 years ago #

    Dear. Can I get your header.php code. You can find the code by editing the header.php file.

    To edit the file:

    1) Login to WP admin panel

    2) Click Appearance in the left sidebar

    3) Click Editor

    4) In this page click on the header.php link (to edit the file) in the right side of the screen.

    5) Copy the code and paste in this forum.

    Put the code between Your code here

    Thanks

  5. jauntberry
    Member
    Posted 4 years ago #

    Hi, thanks for the response! Below is the code. One thing to note: I uploaded a photo to my header which I can't figure out how to remove. It's currently behind the title (www.jauntberry.com).

    <?php
    /**
    * @package WordPress
    * @subpackage Constructor
    */
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php wp_title('»', true, 'right'); ?> <?php bloginfo('name'); ?></title>
    <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_url'); ?>"/>
    <link rel="stylesheet" type="text/css" media="print" href="<?php echo CONSTRUCTOR_DIRECTORY_URI; ?>/print.css" />
    <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="<?php echo CONSTRUCTOR_DIRECTORY_URI; ?>/style-480.css" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>

    <div id="body">
    <div id="wrapheader" class="wrapper">
    <div id="header">
    <?php get_constructor_menu() ?>
    <div id="title">
    <?php if (is_home() || is_front_page()) { ?>
    <h1 id="name">/" title="<?php bloginfo('name'); echo " » "; bloginfo('description');?>"><?php bloginfo('name'); ?></h1>
    <?php } else { ?>
    <div id="name">/" title="<?php bloginfo('name'); echo " » "; bloginfo('description');?>"><?php bloginfo('name'); ?></div>
    <?php } ?>
    <div id="description"><?php bloginfo('description');?></div>
    </div>
    </div>
    </div>

    <div id="wrapcontent" class="wrapper">
    <?php get_constructor_slideshow() ?>

  6. Thejas Kamath
    Member
    Posted 4 years ago #

    @jauntberry

    Tell me do you want to add Image as title or you are thinking to remove the image.

    Thanks

  7. jauntberry
    Member
    Posted 4 years ago #

    Hi -

    I'm thinking that it would be easier to upload an image in replacement of my title. Currently it says "jauntberry" with a berry fruit behind the copy. I would like to remove and upload a jpg image that has my headline and image together. Is this possible?

    Thanks!

  8. Thejas Kamath
    Member
    Posted 4 years ago #

    Its, possible, I will catch you later. Sorry for the inconvenience!

    Thanks

  9. jauntberry
    Member
    Posted 4 years ago #

    No worries Thejas!

    Can anyone help me upload / insert a jpg image into my blog title?

  10. AntonShevchuk
    Member
    Posted 4 years ago #

    Hi,
    open admin -> customize -> images tab
    upload image to header or header wrapper section

  11. jauntberry
    Member
    Posted 4 years ago #

    Hi Anton,

    I tried that but it only allows me to place an image in the corners of center of the page. I was looking to have it just to the righthand side of the title of my blog "jauntberry". Website is: http://www.jauntberry.com . Thanks!

  12. Thejas Kamath
    Member
    Posted 4 years ago #

    If you want your Website logo to be displayed at the right hand side of the header, then just add the following code in the style.css file, under #/HEADER/# section or paste the CSS code in this thread.

    float: right;

    Thank You

  13. zero9cool
    Member
    Posted 4 years ago #

    Hi,
    open admin -> customize -> images tab
    upload image to header or header wrapper section

    Thats all when ANTON says anything listen to him he is always right :D

    goto customise>images tab> and choose header .

  14. jauntberry
    Member
    Posted 4 years ago #

    great, thanks all!!

  15. whch
    Member
    Posted 4 years ago #

    Hi, I'm trying to do the same thing. I may be being really stupid, but I cannot see admin / customize / images tab. Where should I be looking for this?

  16. tottenhamnation
    Member
    Posted 4 years ago #

    Thanks for this info. Problem SolveD

  17. AntonShevchuk
    Member
    Posted 3 years ago #

    @whch this is for constructor theme solution

Topic Closed

This topic has been closed to new replies.

About this Topic