How can I Move Blog Title Under Logo?

  • Resolved capris

    (@capris)


    15 years, 6 months ago

    I have just uploaded a new theme for the first time and have no experience with wordpress at all.

    After reading loads of posts about blog titles, I still have no idea how to move the title!

    My site is https://www.capitolrisk.co.uk

    As you will see, I managed to put my logo in the header, but now I have the blog title and tag line over it. Ideally I would still like to keep this for seo purposes so how could I center it and move it to just under the logo?

    Or

    Is there a way to turn the logo into the blog title? So people can click the logo to return to the home page.

    Really…any help that gets it looking better than it is will be greatly appreciated!

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • See the 3rd video in the following post. I demonstrate making the header clickable at starting at about the 5 minute point.

    [link moderated]

    Then you will just need to add display:none; in the style sheet to hide the title and tagline…I’ll look closer and tell you where to add this in a minute.

    Edit: Find the following in style.css:

    #outerWrapper #header a {
color:#000000;
}

    and add one line like below to hide the title:

    #outerWrapper #header a {
color:#000000;
display:none;
}

    Find the following:

    .description {
color:#666666;
font-size:0.36em;
font-weight:normal;
padding-left:35px;
}

    and add the same line to hide the tagline…so it looks like this:

    .description {
color:#666666;
font-size:0.36em;
font-weight:normal;
padding-left:35px;
display:none;
}

    Try editing style.css and changing:

    #outerWrapper #header {
background:transparent url(images/capitol10.jpg) no-repeat scroll right center;
border-bottom:1px solid #EAEAEA;
display:table;
font-size:2.3em;
font-weight:700;
height:120px;
line-height:0.6em;
overflow:hidden;
padding:0 0 0 10px;
width:760px;
}

    to

    #outerWrapper #header {
background:transparent url(images/capitol10.jpg) no-repeat center top;
border-bottom:1px solid #EAEAEA;
font-size:2.3em;
font-weight:700;
height:200px;
overflow:hidden;
padding:0 0 0 10px;
width:760px;
}
    Thread Starter capris

    (@capris)

    Thanks for the help!

    That was exactly what I was looking to do!

    A really big thank you for the swift response to my question.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How can I Move Blog Title Under Logo?’ is closed to new replies.