kylerbarton

All right. Here’s what I’ve got:

/* Mantra Custom CSS */
#site-title {
font-size: 50px;
margin-left: 150px;
margin-top: -10px;
text-transform: capitalize;
font-family: georgia;
}

I tried it with times new roman and verdana in font family and I didn’t see any change in the text. Is there some way to make the K and B stay capitalized while making the rest of the letters lowercase? I’d like to see that, but once I successfully change the font type, that might take care of it.
Let me know what you think.
Thanks!

Not a problem. I’m headed to bed myself. ??

Cool. This is what I’ve got in the custom css box now:
/* Mantra Custom CSS */
#site-title {
font-size: 50px;
text-transform:capitalize;
margin-left: 150px;
margin-top: -10px;
font-family: “times new roman”;
}

As far as left to right placement of the text, I’m still experimenting with where I want it, but centering it vertically with the margin-top is what I couldn’t get and now it’s solved. Thanks!
At this point, all I need to change is the font itself. It seems like the current font can only render all caps. In the text-transform line, I switched it to “lowercase” and all the letters in the text became the same size. When it’s capitalized, the K and the B are larger than the other letters, so it could just be a matter of finding the right font now that supports upper and lowercase letters. I’ve got that font-family line in the code above, but it doesn’t seem to affect the site title text yet. Is it entered correctly or is there a better way to format it?
Thanks again. It’s really coming together.

All right. My custom css box currently looks like this:
/* Mantra Custom CSS */
#site-title {
font-size: 50px;
font-variant: normal;
font-family: “times new roman”;
margin-left: 100px;
}
The font-variant didn’t seem to change anything and the font-family line I just threw in to see if it would change the text at all (is that how you’re supposed code the font-family line?). Except for font-size and position in the header, the text hasn’t changed.
Regarding the position of the text, I think the code you suggested moved the text horizontally. I’m still playing around to see where I want it. What I can’t figure out is how to reposition it up and down inside the header. As it is now, the text sits closer to the bottom. I’d like to make it centered between the top and bottom of the header.
Once I get the header squared away, I should be able to get the rest up the site going. I really appreciate the help.
Thanks!

Hello Kristin,

Thanks for the help. The code looks no different than the one above except for the font-size line was indented. Somehow it made a difference and I can control the font-size now! Now I just need to figure out how to take the site title text out of all caps and center it vertically in the header and I’ll be set.
Thanks again!

Hello John,

Thanks for the reply. You’re correct that I am just trying to edit the text “Kyler Barton” as the site title. I went ahead and inserted the code you gave me in the custom css box and it didn’t make any change. It looks like this in the custom css box:
/* Mantra Custom CSS */
h1 #site-title {
font-size: 36px;
}
I changed 36, trying numbers 12 and 42 and it didn’t affect the site title text at all (I made sure to keep the px; on the end and refresh the site a couple times). I’m not sure what to to try next. Although my code knowledge is fairly limited, what you provided looks like it should do the trick and it seems like the custom css box is the place for it. Let me know if you have any other ideas and thanks again for getting back to me.
Cheers,
Kyler