Thread Starter
TRPAI
(@trpai)
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;
}
Thread Starter
TRPAI
(@trpai)
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;
}
Thread Starter
TRPAI
(@trpai)
Also, is there another way around this? Could I put tabs across the top instead of a menu down the left?
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.
Thread Starter
TRPAI
(@trpai)
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?
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.
Thread Starter
TRPAI
(@trpai)
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.
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
