WordPress.org

Ready to get started?Download WordPress

Forums

Hum
Change site title size in Hum? (10 posts)

  1. TRPAI
    Member
    Posted 1 year ago #

    The name of my site is Three Rivers Performing Arts. The hum theme puts each word right under the previous one which makes the site title 4 lines long.

    That results in the left side menu links not fitting on the page, and scrolling down is not an option. That is a fixed size.

    My idea was to reduce the px size of the Site title. However, I don't know how to do that.

    Otherwise, is there another solution?

    I should add that it looks great on some screens, but on small screens like a macbook or my chromebook, the menu is obscured by the dimensions of the screen.

  2. TRPAI
    Member
    Posted 1 year ago #

    Here's the temp link: http://69.89.31.217/~threerk0/

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Do you have Custom CSS set up on your site ? You can use a plugin like Custom CSS Manager - once that's set up try adding this - and changing the size to what you like:

    #site-title a {
        font-size: 3.6em;
    }
  4. TRPAI
    Member
    Posted 1 year ago #

    I think I do. I use bluehost, and I can enter my build through wordpress, and then I click on:
    Appearance, then:
    Editor

    This takes me to the CSS. Am I able to make changes right there?

    What has confused me is the I see references to Site Title more than once in my CSS. I don't know which one to change.

    Under the HEADER reference text I see this:
    #site-title {
    width: auto;
    margin: 0;
    padding: 10px 0;
    float: right;
    }

    #site-title a {
    font-size: 2.4em;
    line-height: 1em;
    color: rgba( 0, 0, 0, 0.2 );
    font-weight: bold;
    margin-right: -4px;
    text-align: right;
    }

    Higher up in the CSS under the Color Animations reference text, I see this:

    #site-title a,
    #site-description,
    .entry-meta a,
    #access a,
    .entry-title a {
    -webkit-transition: font-size 200ms, color 400ms;
    -moz-transition: font-size 200ms, color 400ms;
    -ms-transition: font-size 200ms, color 400ms;
    -o-transition: font-size 200ms, color 400ms;
    transition: font-size 200ms, color 400ms;
    }

  5. TRPAI
    Member
    Posted 1 year ago #

    Also, is there another way around this? Could I put tabs across the top instead of a menu down the left?

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    No, you absolutely should not modify theme files - as your changes will be lost when the theme is updated. Adding a custom CSS plugin is fast and easy and protects your changes.

    You could conceivably modify the the menu - but you'd likely need to use a Child Theme - see:

    http://codex.wordpress.org/Child_Themes

    If you want a horizontal menu, it'd be easier to find another theme.

  7. TRPAI
    Member
    Posted 1 year ago #

    This is very helpful. Thank you. My head has been swimming trying to understand it all.

    So, with a plugin, can I just use the code snippet that you provided or am I going to see the whole CSS file, and I'm going to have to figure out where to modify the site title?

  8. paulwpxp
    Font hero
    Posted 1 year ago #

    Hum is a child theme of Twentyeleven
    http://wordpress.org/themes/hum

    WP has no grand child theme system, so you can only use Custom CSS plugin and modify (override) this theme CSS.

    Theme is responsive, and it displays header normally ( full span on the top ) in small screen, so you could see to it if you could move the break point.

    Duplicate all the style in certain media query and change the breakpoint.

  9. TRPAI
    Member
    Posted 1 year ago #

    I'm sorry, but that lost me.

    Are you saying that Twentyeleven is responsive? I do know that it has the site title across the top.

    Hum does not seem to respond to smaller screens at all. It compensates by obscuring the side menu.

    Duplicate all the style in certain media query and change the breakpoint.

    I don't know what you meant by this.

    Thank you for trying to help. I do appreciate it.

  10. paulwpxp
    Font hero
    Posted 1 year ago #

    Yes, Twentyeleven is responsive and so its child theme too.

    You could see details on how this theme (Hum) makes use of media queries here.
    http://themes.trac.wordpress.org/browser/hum/0.2.1/style.css#L878

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic