Resize site title – Agency Pro

[Poursuivant]

Hi,

I've just revamped my site using Agency Pro (formerly Prose), but I have one small issue. I'd like the site title to appear on one line instead of two. It appears the way I'd like in IE, but not Firefox and Chrome. I'm sorry if this has been answered elsewhere, and thank you in advance for any help.

http:// www.reneetaylorcpa.com

[nutsandbolts]

Find this in your stylesheet:

.title-area {
float: left;
padding: 16px 0;
padding: 1.6rem 0;
width: 300px;
}

And change the width to 320px.

---

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

[Poursuivant]

Worked perfectly, thank you very much!

[welshgirl]

May I jump on to this and ask a specifically related question please?

I had the same issue but had to play around until I got my heading to fit - which required me to change width to 450px...

What are the broader consequences of this please? I see that it makes the black bar at the top wider which is not what I wanted at all (which is why I have changed back to 300px for now).

I want to be able to please make the font of my heading smaller. How can I do this? The reason is, when I have the Home Middle widget pop up I want to be able to see the title above the images just as you can with the demo. At the moment, as my website title returns over 2 lines, the title is lost when the images scroll up in to view.

[nutsandbolts]

Can you post a link to your site?

---

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

[welshgirl]

Yes...it's http://supportenvironment.com
Clearly a very basic work in progress!
Thank you so much for taking a look for me.

[nutsandbolts]

No problem! This one is an easy fix, actually.

Since you're making the title area 150px wider, the header right widget area needs to be 150px narrower. So once you change .title-area from 300px to 450px, find .site-header .widget-area and change its width from 800px to 650px. Problem solved! 🙂

---

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

[welshgirl]

You're a genius and exceptionally kind to have helped me.
Thank you very much indeed, it works!

🙂

[Author]

Posts