WordPress.org

Ready to get started?Download WordPress

Forums

installing a logo (8 posts)

  1. jbruno4th
    Member
    Posted 1 year ago #

    i am using the Canyono theme for my wordpress site http://www.gaentmag.com i want to install a logo or image on my manin title or blogname, or masthead... i have no idea where to even begin doing this.. can someone help me

  2. jbruno4th
    Member
    Posted 1 year ago #

    canyon theme

  3. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    probably in header.php;

    find:

    <div id="top">
    		<div id="blogname">

    change for example to:

    <div id="top"> <div class="logo" style="float:left;"><img src="http://full_image_url" height="200"  width="200" style="display:block;height:200px;width:200px;border:1px solid red;"/></div>
    		<div id="blogname">
  4. jbruno4th
    Member
    Posted 1 year ago #

    is there a way to do this in css file as well?

  5. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    in css:

    in style.css, find:

    #top {
        height: 185px;
        width: 1000px;
        margin: 0 auto;
    	background:#000000;
    }

    change for example to:

    #top {
        height: 185px;
        width: 1000px;
        margin: 0 auto;
    	background:#000000 url(images/logo.png) left top no-repeat;
    }

    the #blogname style just after that might need a little left margin to allow more space for the logo.

    upload the logo.png image to the images folder of your theme.

    http://www.w3schools.com/css/css_background.asp

  6. jbruno4th
    Member
    Posted 1 year ago #

    the last piece i am still trying to figure out is where in my theme dashboard to i upload the logo image or will it show as long as it is on my computer?

  7. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    where in my theme dashboard to i upload the logo image

    as the css is suggested, the image needs to be uploaded to the /images folder of your theme - this will require FTP or the file management system of your hoster - http://codex.wordpress.org/FTP_Clients

    you can use the media -> add new uploader in the dashboard - and then note the full image url - and add that into the css;

    fictional example:

    background:#000000 url(http://www.gaentmag.com/wp-content/uploads/2012/05/logo.png) left top no-repeat;
  8. jbruno4th
    Member
    Posted 1 year ago #

    i seem to have made an error becuase the steps were working and now they are not.. im at using
    #top {
    height: 185px;
    width: 1000px;
    margin: 0 auto;
    background:#000000 url(http://www.gaentmag.com/wp-content/uploads/2012/05/filmreel12-e1338911711199.jpg) left top no-repeat;

    but it is not showing up

Topic Closed

This topic has been closed to new replies.

About this Topic