Things typed in all caps being converted to just initial letter capitalized?

  • Resolved Brittany

    (@bookaddictsguide)


    10 years, 5 months ago

    Hi, there! I run a book blog and for my reviews, I like to type the title of the book in all caps. I’ve been having an issue for a while now where for some reason whatever I type in all caps is being converted to just the first letter in each word being capitalized. (For example: THE BOOK ADDICT’S GUIDE will show up as The Book Addict’s Guide once the post is published)

    I’ve checked in my html code and I can’t find anything in there that would be causing this so I’m guessing maybe it’s somewhere deep within my CSS or theme? It didn’t always used to do this so I’m a bit confused, and it only happens on the first instance in the post (so if I use the title in all caps later in the post, it posts in all caps just fine).
    I always put the title in a different color as well so I tried updating without the color (just for kicks) and it still didn’t change anything.

    Any help would be appreciated! I’ve been struggling for months to tweak it just by throwing more html formatting at it and sometimes it works, sometimes it doesn’t.

    Here’s my website: https://www.bookaddictsguide.com
    And here’s today’s post if you need to reference: https://www.bookaddictsguide.com/2014/09/19/her-dark-curiosty-the-madmans-daughter-2-megan-shepherd/

    Thanks in advance!

Viewing 9 replies - 1 through 9 (of 9 total)

  • On this page: https://www.bookaddictsguide.com/2014/09/19/her-dark-curiosty-the-madmans-daughter-2-megan-shepherd/

    What is showing in initial capital letters than you intended as all caps?

    Thread Starter Brittany

    (@bookaddictsguide)

    Janet:

    The first mention of “Her Dark Curiosity” in red. (Second paragraph) I have it typed in all caps in the post but once it’s published, it reads “Her Dark Curiosity” instead of “HER DARK CURIOSITY”, as I had saved it.

    Have just read the posts which occurred while I was researching my answer.
    It is not a CSS issue. The text in the html file is mixxed case, the case normalisation has already been done, possibly in the editor ?
    Try “text-transform:capitalize” in the same css that sets the colour to red.

    Prior post:

    Could you please post an example of your problem, with a detailed description of where the problem occurs, and where it doesn’t.

    Not being able to see the issue, I would be sure that it is to do with the css property:

    text-transform:

    More details here:
    https://www.w3schools.com/cssref/pr_text_text-transform.asp

    It is showing in caps to me. What browser/version are you using to view?

    edit: OK, actually what I was looking at was the 4th paragraph where it IS in all caps. So what did you do different from that spot and the one in the 2nd paragraph?

    Thread Starter Brittany

    (@bookaddictsguide)

    Janet:
    I’m currently using Internet Explorer version 11. Maybe it’s a browser issue? I just checked on my phone and the mobile version shows in all caps too.

    Are you pasting this in from somewhere else that might be picking up extra code? If you look at the text view, you may be able to see something that shouldn’t be there.

    If you’re not sure, from text view in your editor, copy that paragraph of the content exactly and paste it here.

    Thread Starter Brittany

    (@bookaddictsguide)

    I’m usually using an old post and duplicating it, but I write new text each time so I wouldn’t think there would be extra code that would be there. I don’t think it’s extra code because I’ve erased whole paragraphs before, started over, and still have that same issue. The crazy part is that it ONLY does it the first instance in my post where I put something in all caps. Later on it the post, it appears fine and just how I want it.
    But here’s the code from the text view:

    <span style="color: #800000;">HER DARK CURIOSITY</span> was a complicated read for me.

    That’s odd. The code generated on the page in Chrome is:

    <span itemprop="itemReviewed">Her Dark Curiosity</span>

    I don’t see where there is a style being applied for that, so it must be browser specific. You can add to your original code like this to override it:

    <span style="color: #800000; text-transform:uppercase !important;">HER DARK CURIOSITY</span> was a complicated read for me.

    Thread Starter Brittany

    (@bookaddictsguide)

    So bizarre!! You’re right — I looked on my phone (which uses Safari) and it was in all caps.

    I tried the new code you gave me and it looks like that works! I will just have to have that one handy for future posts.

    Thanks so much for your help!!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Things typed in all caps being converted to just initial letter capitalized?’ is closed to new replies.