want lower case, not upper case letters
-
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)
-
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.aspHope this can help you.
-
-
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!
-
The declaration that staff-jeanpierreac gave is correct, but we need to change the CSS selector.Instead of .site-title, make it .blog-title.
-
-
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. -
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; } -
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?
-
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; } -
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; } -
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! -
If you also wish the menu items to be lower case, you will to also have this CSS.
#navigation { text-transform: lowercase; } -
This worked! Thank you very much.
I have an additional question on a new topic that I will post separately.
Thanks again! -
- The topic ‘want lower case, not upper case letters’ is closed to new replies.