Need help? Check out our Support site, then


Custom Logo for Blogum theme

  1. I'm trying to add a custom logo for the header of the Blogum theme. I need to know what size the logo needs to be and how I can add the custom logo.

    Please help.

    The blog I need help with is atfiftythree.wordpress.com.

  2. A custom logo is an image. You have a theme that states the size required for custom image headers images here > Appearance > Header
    Images of exactly 945 × 150 pixels will be used as-is.

  3. I don't want the logo to sit in the header. I just want to change the heading which is the part where the title of my blog sits at- At Fifty Three

    http://atfiftythree.wordpress.com/

    Currently it has a dash at the front (which I want to remove) and a plain font.

  4. I just want to change the heading which is the part where the title of my blog sits at- At Fifty Three

    Do you have a custom design upgrade?

  5. Yes.

  6. re: removing the dash on the blogum theme
    I searched and found this for you > http://en.forums.wordpress.com/topic/removing-the-dash-on-the-blogum-theme?replies=3

  7. Since there could be a number of adjustments required, it is best if you prepare the logo and then upload it to your media library, get the URL and then post the URL here for use to work with. Right now the title and tagline area have a height of about 80px, but that can be adjusted. I would probably try and stay at 100px tall if you can. Also, are you also wanting to do away with the tagline/site description below the title?

  8. Yes I want to remove the tagline/site description.

    I've found the code to hide the blog title but the header image sits way too low. How do I move the header image to where the header title is at?

    Also- what is the name for the About/Home links and how do I move these below the header line?

  9. thesacredpath
    Staff

    Give this a try.

    #header hgroup {
    display: none;
    }
    
    .wrapper {
    position: relative;
    }
    
    .middle {
    padding-top: 50px;
    }
    
    #header-image {
    margin-top: 5px;
    }
    
    #header {
    padding: 0 0 0 160px;
    position: absolute;
    top: 170px;
    }
  10. Great! It worked.

    Can I also move the header so that the alignment starts where the Home/About pages start?

    I also have a search button appearing twice?

  11. I'm not seeing any of the changes on your site, so it is difficult for me to determine what would have to be done. Something like this will probably do it but you will have to mess with the left margin value to get it where you want it (100px is just a placeholder value).

    `#header-image img {
    margin-left: 100px;
    }

  12. Oh yeah, and add this too since your header will be hanging way out into the right side.

    .wrapper {
    overflow: hidden;
    }

    To do this all right, it would require remaking any header smaller so that it did not overflow to the right and then putting it directly into the CSS rather than using the header uploader feature.

  13. Thanks! I have saved the changes so you can see on the website.

    The logo that was designed for me is appearing really small- what size should I be requesting it? I want the font to appear larger

  14. You could manually replace the header image with a link to the larger one. Here is an example:

    #header-image a img {
    	display: none;
    }
    #header-image {
    	width: 945px;
    	height: 150px;
    }
    #header-image a {
    	background: url(IMAGE_URL);
    	margin-left: 100px;
    	width: 945px;
    	height: 150px;
    	position: absolute;
    	top: 0;
    	left: 0;
    ]

    Replace IMAGE_URL with the URL of an image that you upload to your media library. Replace the width and height with the dimensions of your new image.

  15. Quick questions for 'thesacredpath'.

    Have used your code on my blog: http://hello-poppet.com and it works great. The only other thing I'd like to do now is remove the search fields, either one. Just so there's no double up, what's the easiest way to do that?

  16. This will get rid of the one in the header/nav area.

    #header .search-form-holder {
    display: none;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic