How can I customize the logo on the upper-left hand side corner and add a banner

  • Unknown's avatar
    tluo4work · Member ·

    I want to replace the current logo, the big balck S on the upper-left hand side corner with the logo of the organization that I work for. How can I do that?

    Also, I want to add a banner for the site. Can I do that too?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    Would you like to make these changes to your site at this address: http://tintinluo.wordpress.com/

    I looked at your site, but I don’t see the big black S you mentioned. Can you make a screenshot to show me what you see there? You can upload screenshots to your Media Library under Media > Add New in your dashboard, or you can use an online service such as Snaggy.

    If you’d like to add your organization’s logo, you might want to add it under Settings > General in your dashboard. On the right side on that page, under Blog Picture/Icon, you can upload a picture to use for your blog across WordPress.com. We have more information about that here: Blavatars

    If you want to add a banner, you can replace the default header for your theme by going to Appearance > Header in your dashboard. There, you can upload a custom header image to display at the top of the page.

    Please let me know if you have any questions about that. :)

  • Unknown's avatar
    tluo4work · Member ·

    Yes I changed the logo. However, if I am going to change the header pic, which was also how I changed the logo, is it going to take the place of the entire horizontal front section of the page?

    Another question: how can I move the lines of title text into one single line? Right now the tile of my site (http://arcs-journal.org/) is in two linse of text. how can I move the word “Studies” into the same line as “American Review of China”??

    Also, how to remove the short black vertical line right text to the word China?

    Last question: is it possible to remove the bottom section “Blog at WordPress.com. Customized Suburbia Theme.”?

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    Sorry, I was looking at your other site. For your site at http://arcs-journal.org/ , the logo in the upper left corner is your custom header. There isn’t a built-in space in that theme to add a banner image at the top in the theme you’re using on that site.

    However, you can use Custom CSS to customize the look of your site even further. For example, you can use CSS to make the changes you want to your site title. To add custom CSS, go to Appearance > Customize in your dashboard and select CSS from the Customize tools. In the CSS editor, you can enter the following CSS:

    #site-title {
width: 450px;
}

.desc {
border: 0;
}

    That CSS will fit your site title onto one line and remove the vertical line next to the word China. You may also be able to use custom CSS to add a banner image, but that’s a bit beyond what I’m able to help with. If you have CSS questions, most of our CSS support is done in our community forums by both staff and volunteers:
    https://en.forums.wordpress.com/forum/css-customization

    You can search for answers in that forum or create a new post to ask for CSS help. If you create a new post in the CSS forum, please be sure to include a link to your site and a description of how you want it to look. It really helps. :)

    Last question: is it possible to remove the bottom section “Blog at WordPress.com. Customized Suburbia Theme.”?

    That bottom section, containing the footer credit, is required to be displayed according to our terms of service:
    http://en.wordpress.com/tos/

    Note that even sites hosted through our VIP program, such as the TED blog, display a credit to WordPress.com in the footer. Let me know if you have any additional questions about this.

  • Unknown's avatar
    tluo4work · Member ·

    Thanks! How can I make the tagline “Official Journal of the Association of Chinese Professors of Social Sciences (ACPSS)” into one line?

    I did same the thing using your code #site-desprition {
    border: 0;
    }

    But it didn’t help.

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there, it looks like one of our CSS experts is helping you out with your title and tagline in this thread:

    https://en.forums.wordpress.com/topic/center-the-title?replies=2

    If you have any questions about that CSS, you can reply in that thread and he’ll be able to help you with this further. :)

  • The topic ‘How can I customize the logo on the upper-left hand side corner and add a banner’ is closed to new replies.