want lower case, not upper case letters

thissweetworld · Member · Apr 6, 2015 at 7:48 pm
Copy link

Add topic to favorites
Hi there,
I would like the name of my blog to be in lower case letters like this:
“this sweet world”
Rather than like this
THIS SWEET WORLD
(right now it is in all caps)
Thank you for any help!

The blog I need help with is: (visible only to logged in users)
staff-jeanpierreac · Staff · Apr 6, 2015 at 8:37 pm
Copy link
Hi
Sometimes themes convert text to uppercase to be in titles and I suppose this is your case. In any case, you can override this action with custom CSS and transform the title to lowercase.

Just add this line to your blog customize>>CSS file

.site-title {text-transform: lowercase;}

You can learn more about text-transform property:
http://www.w3schools.com/cssref/pr_text_text-transform.asp

Hope this can help you.
thissweetworld · Member · Apr 6, 2015 at 11:27 pm
Copy link
Thank you!
thissweetworld · Member · Apr 7, 2015 at 12:24 am
Copy link
I tried this and it’s not working. Not sure what I am doing wrong. I will also want to change the menu items to lower case as well. And I would like the tagline to appear. Thanks for any additional help!
thesacredpath · Member · Apr 7, 2015 at 2:01 am
Copy link
The declaration that staff-jeanpierreac gave is correct, but we need to change the CSS selector.Instead of .site-title, make it .blog-title.
staff-jeanpierreac · Staff · Apr 7, 2015 at 5:15 am
Copy link
Sorry!

That’s right: thanks :)
thissweetworld · Member · Apr 9, 2015 at 9:44 am
Copy link
This worked! Thank you so much.
How do I make the tagline appear under this new lower case title?
I would also like to make menu options lower case, as well as the titles of each individual blog.
Really appreciate your help.
thesacredpath · Member · Apr 9, 2015 at 7:06 pm
Copy link
Radcliffe does not display the tagline by design, but we can use the :after pseudo class to add it. See what you think with the following. I’ve used the same font as your site title and make the tagline smaller. You can edit as desired.
```
.blog-title:after {
    content: "finding love everywhere";
    display: block;
    font-size: 50%;
    font-family: calluna-sans-1,calluna-sans-2,"Abril Fatface",serif;
}
```
thissweetworld · Member · Apr 10, 2015 at 8:01 am
Copy link
Thank you! Two last things:

1. I would like the headings for the blog posts, now in caps, to also be in lower case. How to do that?

2. The size of these blog post headings are linked to the size of the site title. I would like to control the site title (this sweet world) separately. Is that possible?
thesacredpath · Member · Apr 11, 2015 at 2:04 pm
Copy link
On the post titles in Purpose, they will reflect upper or lower case as you have entered it into the post editor when you title you posts. This can also be done with CSS though with the following.
```
.headline, .headline a {
    text-transform: lowercase;
}
```
thesacredpath · Member · Apr 11, 2015 at 2:09 pm
Copy link
For the post title font size on your main blog (posts) page, you can control it with the following.
```
.wf-active .headline.small {
    font-size: 2.69em;
}
```
The post titles on single post pages have a different selector and are a different size than the blog page titles, so you will need this.
```
.wf-active .headline {
    font-size: 3.81em;
}
```
thissweetworld · Member · Apr 16, 2015 at 10:24 am
Copy link
Hi again,
The menu items are appearing as lower case on their individual pages, which is great, but I still want them to appear lower case in the menu on the home page. None of the above is working.
Thanks again!
thesacredpath · Member · Apr 16, 2015 at 7:04 pm
Copy link
If you also wish the menu items to be lower case, you will to also have this CSS.
```
#navigation {
text-transform: lowercase;
}
```
thissweetworld · Member · Apr 23, 2015 at 11:29 am
Copy link
This worked! Thank you very much.
I have an additional question on a new topic that I will post separately.
Thanks again!
thesacredpath · Member · Apr 23, 2015 at 2:58 pm
Copy link
You are welcome.

No items found.