Wintersong Help Needed

Community Forums Forums Design Tips and Tricks Wintersong Help Needed

This topic is: not resolved

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  nutsandbolts 9 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #65218

    Chuck
    Participant

    Hello,

    I want to do two things with the new Wintersong theme:

    1) Add the subtitle from my blog just below the Gravatar in the right sidebar (which is on the left).

    2) I would like to replace the Name of my Blog which is my name, with a graphic of my signature instead.

    I imagine these are fairly easy additions/changes, but I’m not sure how to do them. Any help is greatly appreciated!

    Blessings!
    Chuck

    http://www.chuckparish.com
    #75449

    nutsandbolts
    Moderator
    Post count: 3130

    Hi Chuck,

    Look in your theme’s stylesheet and find the following:

    .header-image .site-header .site-title::after, 
    .site-description {
    display: none;
    }

    Change it to this:

    .header-image .site-header .site-title::after {
    display: none;
    }

    That will allow your subtitle to show up under the site title on the left. It looks like that might have been something you added to the stylesheet (I think the description shows up by default) so if you just need to move it above the site title, let me know.

    To use an image logo in place of the text, you’ll need to upload the graphic at no more than 220px wide (any wider and it won’t fit). Then find this in your stylesheet:

    .site-title {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0;
    }

    and change it to this (being sure to insert your actual logo URL):

    .site-title {
    background: url(http://www.chuckparish.com/URL-TO-IMAGE) no-repeat center;
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0;
    text-indent: -9999px;
    }

    That will insert the image and remove the text. Hope that helps!


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.