WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Someone tell me how to add a logo to my site. (7 posts)

  1. cockneyjay
    Member
    Posted 1 year ago #

    I'm desperately trying to add a logo to my site. I have no PHP experience but can follow instructions very well.

    The php I have under header is as follows...

    /* =Header
    ----------------------------------------------- */
    #header {
    	background:url(images/header-bg.jpg) left bottom repeat-x;
    	padding-bottom:20px;
    }
    #header .top-bg, #footer {
    	background:url(images/header-top-footer-bg.jpg) repeat-x;
    	clear: both;
    }
    #header .top-bg {
    	background-position:center bottom;
    	height:16px;
    	border-bottom:4px solid #ccc;
    }
    /* Logo Tile */
    #header .logo-wrap {
    	padding-left:20px;
    	float:left;
    	margin-top:54px;
    	min-width: 610px;
    }
    #site-logo {
        display: inline-block;
        float: left;
        padding-bottom: 0;
    }
    #site-logo a img {
        float: left;
        height: auto;
        max-width: 100%;
        padding-right: 20px;
    }
    #site-details {
        display: inline-block;
        float: left;
        padding-right: 20px;
    }
    h1#site-title {
    	font-size: 45px;
    	font-family: 'Lobster';
    	font-weight:normal;
    	padding-bottom:0px;
    }
    h1#site-title a {
    	line-height:54px;
    }
    h1#site-title a:hover {
    	color: #444444;
    }
    h2#site-description {
    	font:14px Arial, Helvetica, sans-serif;
    	color:#666;
    	padding:8px 0 0 0;
    }
    
    /* Social-Search */
    #header .social-search {
    	float: right;
    	width: 306px;
    	padding-right: 20px;
    	margin-top: 40px;
    }
    ul.social-profile {
    	list-style: none;
    	margin: -10px 0 0;
    }
    #header ul.social-profile {
    	float: right;
    }
    ul.social-profile li {
    	float: left;
    	margin: 10px 10px 0 0;
    }
    
    #header ul.social-profile li {
    	margin: 10px 0 0 10px;
    }
    ul.social-profile li a {
    	text-indent: -99999px;
    }
    ul.social-profile li a {
    	background: url(images/social-profile.png) right bottom no-repeat;
        display: block;
    	height: 33px;
        width: 33px;
    	text-indent: -99999px;

    [Please use code buttons when posting code; and use pastebin for lengthy code ]

    I have no ideas what any of that means. Can someone just tell me how to upload a logo PLEASE!!!!!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    That's not PHP code -- it's CSS. Let's back-up - what theme are you using? It would also be useful if you can post a link to your site.

    Please also see: http://codex.wordpress.org/Forum_Welcome#Posting_Code

  3. ronangelo
    Member
    Posted 1 year ago #

    First, don't post long codes like that here.
    Second, That's not php :)

    It would help if you post your url and/or tell us what theme you are using.

    You can just upload your logo on the media library.
    ( Dashboard -> Media -> Add New )
    But on how we can make that image appear on your site will depend on the info asked above.

  4. cockneyjay
    Member
    Posted 1 year ago #

    The Theme I'm using is simple catch.

    my site is http://www.armchairboxing.com

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If a logo is not a theme option, you will first need to create a Child Theme so that modifications to your theme won't be lost when the theme is updated - http://codex.wordpress.org/Child_Themes

    Then create a copy of the header.php file in the child theme -- and someone can then help you with the HTML and CSS code to add.

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Wait - I just installed the theme and it looks like that is an option - Appearance >> Theme Options >> Logo Options
    Is that not working for you?

  7. cockneyjay
    Member
    Posted 1 year ago #

    It wasn't but now it seems to be. Thank you for your help. It seems there was a bit of a blip but I reinstalled it and all is well again.

    If I wanted to install a full logo (without the title) would I just have to disable the title and tagline? An if I did, would that effect the SEO??

    Thanks again

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.