Tagline forced to all upper case

[davidrowell]

Whatever one enters as a blog's tagline appears in all upper case on the Suffusion theme, but not on other themes.

Could I ask that this forced upper case be removed. In keeping with the marvellous general flexibility and user-definable elements of the theme, something like this seems a bit incongruous. If a person wishes their tagline to be all upper case, it is a very simple thing to type it in using all upper-case.

But how can someone who does not wish all upper case cause their tagline to appear in whatever mix of cases they choose? The tagline should simply repeat whatever the user types in.

Not sure if this is a bug or not, but it does seem to be a surprising limitation that might have made sense once but which would benefit from a reconsideration now.

I don't think you need a url to understand the issue, but if you do, here goes http://blog2.thetravelinsider.info

Many thanks

David.

[mindctrl]

This isn't a bug, it's a choice. You can remove the forced upper case yourself by changing CSS.

Remove or change the "text-transform: uppercase" line, or add your own custom css or child theme. You'll find the related CSS below.

/* Blog description on the right side of the title */
.description {
float: right;
margin-top: 21px; /* description distance from top of screen */
margin-right: 20px;
margin-left: 20px;
text-transform: uppercase;
font-size: 116%;
}

[davidrowell]

Thanks for this response and solution.

I'm a writer, not a programmer, so a lot of this is a bit impenetrable to me.

I went looking for information on how to create a child theme, and couldn't seem to find it anywhere. I understand the benefit - if I change the css in the main theme, I'll lose the changes with the next update.

But how to do this? I'm sure there's a tutorial or something somewhere, could you point me to it and I'll read through it carefully.

Many thanks

David.

[mindctrl]

Thanks for this response and solution.

I'm a writer, not a programmer, so a lot of this is a bit impenetrable to me.

I went looking for information on how to create a child theme, and couldn't seem to find it anywhere. I understand the benefit - if I change the css in the main theme, I'll lose the changes with the next update.

But how to do this? I'm sure there's a tutorial or something somewhere, could you point me to it and I'll read through it carefully.

Many thanks

David.

You can check out Sayontan's tutorial here - http://aquoid.com/news/2010/06/suffusio ... ld-themes/

I believe you could also add the modified CSS in the Suffusion settings under Back-end Settings > Custom Includes and avoid making a child theme altogether.

[Colin]

The easiest way to do this is in Suffusion Options > Backend Settings > Custom Includes > Custom CSS

Put the code below in there and that will do it for you

Code: Select all

.description {text-transform: none;}


The benefit of doing it like this is that you can upgrade Suffusion and the change will still be there.

[davidrowell]

Thanks for these further very helpful comments.

Maybe I over-reached a bit, but I decided to create a child theme, and I believe I have done so, creating a second directory, alongside the suffusion directory, and creating a file in that directory styles.css.

This is what I have in the styles.css file

Code: Select all

/*
Theme Name: Son of Suffusion
Theme URI: http://your-theme-url
Description: Child Theme based on Suffusion
Version: 1.0.0
Author: Your Name
Author URI: http://your-url
Template: suffusion
*/
 
@import url("../suffusion/style.css");

/* Blog description on the right side of the title */
.description {
   float: right;
   margin-top: 21px;    /* description distance from top of screen */
   margin-right: 20px;
   margin-left: 20px;
   font-size: 116%;
}


But nothing has happened to the all caps tag line.

I also noticed an option in Back End Setting > Child Themes to either inherit all stylesheets or not. I've tried both options, and still no change.

Any suggestions for what I'm over-looking? Probably something very basic!

Many continued thanks

David.

[Colin]

David, Forget the child theme, revert to standard Suffusion and do what I suggested above. That is all you need to do, you don't need the other lines of code.

[davidrowell]

I took the 'easy way out' and did as Colin suggested. Works perfectly now.

Thanks, Colin.

General design comment : I still think it unnecessary to have this parameter in the style sheet to start with. Anyone can readily type their tag line in whatever combination of cApS and LoWeR case they wish.

Cheers

David.

[sayontan]

General design comment : I still think it unnecessary to have this parameter in the style sheet to start with.

This is a design choice from my end and I choose to have it this way, just as Twenty Eleven has all caps but in extremely small font size for H3.

[mdworthen]

The easiest way to do this is in Suffusion Options > Backend Settings > Custom Includes > Custom CSS

Put the code below in there and that will do it for you

Code: Select all

.description {text-transform: none;}


The benefit of doing it like this is that you can upgrade Suffusion and the change will still be there.

This worked like a charm for me.

Thanks Colin!