Want to get rid of all caps in theme

  • Unknown's avatar
    karensawa · Member ·

    Hi,
    I see that quite a few others have had this question, but I haven’t been able to successfully apply the answers found there to my theme. I’m brand new to WordPress and just setting up this blog.

    The theme I’m using is Zoren (free premium) and I like it, except for the all caps, which I hate and want to get rid of wherever it appears. (main title, post titles, menus, etc), which I thought would be easy.

    I’ve tried adding what’s below in the customize function (I’m trying out the upgrade) to change the case of the H1 and H2 text, but that didn’t work.
    h1 {text-transform: none;}

    h2 {text-transform: none;}

    I also tried to copy the CSS code from the text inspector into the customize window and then change that, but when I copied and pasted it, I got this – haven’t pasted it all because it goes on for too long:

    @font-face {
    font-family: “adelle-1”;
    font-style: normal;
    font-weight: 400;
    src: url(“data:font/opentype;base64,d09GRgABAAAAAHHgABMAAAAA3AwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAAJOAAAGRoAAD2YfORLQUxUU0gAACJUAAAAIAAAAOFrWlYuT1MvMgAACJwAAABbAAAAYEowomBTS1RQAAAidAAAAEYAAAB3eVWMO1ZETVgAAAGoAAADjAAABeBurHYfY21hcAAAb9AAAAIQAAAFFnEWeu5jdnQgAAAFNAAAACIAAAAiAXYSQGZwZ20AAAVYAAABAgAAAXMGWZw3Z2FzcAAABlwAAAAIAAAACP//A

    This is the blog: http://karensawa.wordpress.com/

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    You cannot use @font-face here at WordPress.com at this time. The theme you are using has more specific selectors that are used for post and page titles, etc. h1, h2, etc. setting would only affect those tags within the post and page content.

    To change the site title to “normal instead of all caps, add the following:

  • Unknown's avatar
    thesacredpath · Member ·

    Sorry, didn’t mean to submit the above reply as I had more to add. :)

    Site title: 

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

    Navigation:

    .main-navigation li {
text-transform: none;
}

    Post/page titles:

    .entry-title, .page-title {
text-transform: none;
}

    Widget titles:

    h1.widget-title, h1.sidetitle, h2.widgettitle {
text-transform: none;
}

    Post metadata:

    .author-meta, .clock-meta, .category-meta, .discussion-meta {
text-transform: none;
}

    I’m pretty sure that caught all the uppercase text-transform settings. Let me know if it did not.

    To locate all the selectors above, I used the web inspector built into my browser. If you are not yet familiar with the web inspector tool in your browser, take a look at our support document on How to Find Your Theme’s CSS, which has some brief screencasts to get you started using it. It makes working with CSS much easier.

  • Unknown's avatar
    karensawa · Member ·

    Hallelujah, that worked! Thank you! So much better.
    I’m glad I asked, because I never would have figured that out myself.

    I did have a look at that “How to find your theme’s CSS” before I posted – that’s how I got some of what I pasted above, but I must have missed some necessary step.

    Again, thanks. :)

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Want to get rid of all caps in theme’ is closed to new replies.