Decor Theme: Site title Help

[rlsalazar]

http://enjoyingsimplicity.com/ is my site.  My web title is too long and is wrapping. All I want is to either: reduce the title font size, or reduce the menu widget size so I can have my title on one line.

I've read several forum posts and have tried to do what it said . . . but I'm new and have no idea what I'm doing.

Any help would be appreciated.

[tomos]

Open up /wp-content/themes/decor/style.css and back the contents up.

Once you've backed up the file, scroll down to line number 197 and look for this:

#title-area {
float: left;
margin: 25px 0 0;
overflow: visible;
padding: 0;
width: 400px;
}

And change it to:

#title-area {
float: left;
margin: 25px 0 0;
overflow: visible;
padding: 0;
width: 500px;
}

All we're doing here is making the title area 100px wider do the text doesn't wrap. But this throws up a problem, increasing the width will kick the navigation down. To fix this, go to line number 234 and look for:

#header .widget-area {
float: right;
padding: 35px 0 0;
width: 740px;
}

and change it to:

#header .widget-area {
float: right;
padding: 35px 0 0;
width: 600px;
}

Save the file and you should be done. Again, all your doing here is reducing the width of the header widget area to make both the widget area and header line up side by side.

---

@tomoswyn

[Author]

Posts