Custom Logo for Blogum theme

  • Author
    Posts
  • #785108

    atfiftythree
    Member

    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.

    #785339

    timethief
    Member

    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.

    #785352

    atfiftythree
    Member

    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.

    #785354

    timethief
    Member

    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?

    #785355

    atfiftythree
    Member

    Yes.

    #785356

    timethief
    Member

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

    #785379

    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?

    #785517

    atfiftythree
    Member

    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?

    #785518

    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;
    }
    #785519

    atfiftythree
    Member

    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?

    #785520

    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;
    }

    #785521

    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.

    #785526

    atfiftythree
    Member

    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

    #785527

    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.

    #785550

    hellopoppett
    Member

    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?

    #785551

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

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

The topic ‘Custom Logo for Blogum theme’ is closed to new replies.