WordPress.org

Ready to get started?Download WordPress

Forums

Adding Logo to the Code Blue Revolution Theme (9 posts)

  1. jdmcclain
    Member
    Posted 5 years ago #

    I am looking to add my logo to the free version of Revolution Theme's Code Blue theme. I tried the solution in this thread but I can not seem to make it work, so I have returned it to the original state.

    You can see the site here:
    http://evolutionaryawareness.com

    I know just enough to be dangerous, so if someone could tell me which code snippet to change and to what, I would be most grateful.

  2. jdmcclain
    Member
    Posted 5 years ago #

    I think this is the relevant code in the header.php file:

    \\\
    <div id="header">

    <div class="headerleft">
    <h1>/"><?php bloginfo('name'); ?></h1>
    <?php bloginfo('description'); ?>
    </div>

    \\\

    But again, not sure what to change it to, or if I need to change the css file.

  3. moshu
    Member
    Posted 5 years ago #

    You add your logo as a background image in the stylesheet, here:

    .headerleft {
    	width: 470px;
    	float: left;
    	margin: 0px;
    	padding: 0px;
    	overflow: hidden;
    	}
  4. jdmcclain
    Member
    Posted 5 years ago #

    Thank you. I know where that is...

    And exactly *how* would I do that? Again, please give me the code using the generic "your_logo.gif" in the code snippet.

    *deep bow*

    Again, thank you.

  5. moshu
    Member
    Posted 5 years ago #

    Put your logo image in the images folder of the theme!

    .headerleft {
            background: url(images/your_logo.gif) top left no-repeat;
    	width: 470px;
    	float: left;
    	margin: 0px;
    	padding: 0px;
    	overflow: hidden;
    	}
  6. jdmcclain
    Member
    Posted 5 years ago #

    Let me be more specific [in order to be more efficient]:

    How would this change if I were to use my log as a background image?:::

    .headerleft {
    width: 470px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }

    In other words: If I were to insert code that would make my log the background image, how would the above be different?

    Thank you again for your time.

  7. moshu
    Member
    Posted 5 years ago #

    Read it above your post :)

  8. jdmcclain
    Member
    Posted 5 years ago #

    Cool. We are definitely half way there. How do I get rid of the name and tag line:

    http://evolutionaryawareness.com/

  9. vinoeverything
    Member
    Posted 4 years ago #

    Moshu - thank you for the tip. It helped me with my logo also.

Topic Closed

This topic has been closed to new replies.

About this Topic