site title editing

[tomRmalcolm]

Hello,

 

I need to change the appearance of some of the characters in my site title, but not all of them. Apparently the site title defaults to caps and one font type.

How can I change individual letter case?

How can I change the font?

How can I change bold or italics?

 

Thanks!

Tom

[Riavon]

Typically you can change these via your style.css Do you have a site link that you can share with us?

---

Twitter: @riavonentprises

[tomRmalcolm]

Hi Riavon,

Thanks for the response. There's not much to see there yet, but this is it.

theentrepreneursart.com

I just want to change the site title from this:

THEENTREPRENEURSART

To this:

theEntrepreneursArt

And maybe add some other changes as I see fit. (font, size, etc.)

Can you tell me where that's done?

Thanks,

Tom

[Riavon]

In style.css on line 199 #title {

change

text-transform:uppercase;

to

text-transform:none;

To make other changes to your texts, you can make additional changes to your  stylesheet (style.css)

Here is a link to a decent tutorial on how to use Google fonts on your Genesis theme.

To change the appearance of your site title you change/add to the

#title a, #title a:hover, #description {
font-family: ______________________
font-size: __em
color:#____
}

at line 50 in your style.css

---

Twitter: @riavonentprises

[ryandonsullivan]

Hi Tom,

This should be a pretty simple fix.

Just go to Appearance --> Editor in WordPress, then scroll down to where you see #title (around line 200).

Then change this:


#title {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}


To this:

#title {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: bold;
line-height: 1;
text-transform: none;
}


Note: the only thing I changed was text-transform: uppercase to text-transform: none.

Then just click save and you'll see your site title looking the way you want!

[ryandonsullivan]

Looks like Riavon beat me to it 🙂

[tomRmalcolm]

Fantastical guys! Thanks Ryan and Riavon!

Your suggestions looks like that will take the title to all lower case, I also want to make two of the characters CAPS in the site title.

I'll look through the tutorial asap, unless it's not that obvious of a maneuver.

If that's the case, I'll ask again after I go through the tutorial.

Thanks,

Tom

[Riavon]

You should be able to achieve the display of the two capitalized letters in your site title by typing it in that way under your General settings in your WP Dashboard.

Just change the text-transform:uppercase; to text-transform:none; it will render the title however you typed it in your General settings "Site Title" area.

---

Twitter: @riavonentprises

[tomRmalcolm]

Hi Riavon,

That worked exactly as described!

Thank you! And thanks Ryan!

Tom

 

[Author]

Posts