• Resolved Brett_the_Librarian

    (@brett_the_librarian)


    I really like this theme, and appreciate having an author-created child theme ready to install. But I’m very confused about my inability to override the text-transform: uppercase calls in the theme’s style sheet.

    Within the child theme’s CSS, I’ve tried

    .main-navigation a,
    .page-title,
    .entry-footer > .entry-footer-links {
    text-transform: none;
    }

    and also tried making these declarations individually rather than as a group, and also tried using the !important declaration, but nothing has worked for me.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Can you post a link to your site?

    Thread Starter Brett_the_Librarian

    (@brett_the_librarian)

    Sorry, right. I should have included this in my previous post:

    brettbonfield.com

    This should cover the page titles:

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

    And this should cover the entry metadata:

    .entry-footer>.entry-footer-links, .entry-meta {
      text-transform: none;
    }

    Is there any other text you’re wanting to change?

    Thread Starter Brett_the_Librarian

    (@brett_the_librarian)

    That worked perfectly! Thanks, Stephen Cottontail!

    I would like to completely get rid of all Google Fonts (I’ve updated functions.php which has gotten my most of the way there) and substitute in the fonts I’m using at another site I maintain, Library Pipeline.

    For headers, I would like to use:

    color: #1A1A1A;
    font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif;

    And for body text, I would like to use:

    color: #1A1A1A;
    font-family: Gill Sans MT,Gill Sans,Calibri,sans-serif;

    On the whole, I’ve found Simppeli much easier to understand and modify than Accessible Zen (which is what I use for Library Pipeline), but the fonts are an exception, at least so far. Have you found an easy way to override all the fonts in Simppeli?

    Try this:

    body, .comments-area, .entry-content, .entry-footer, .entry-summary, .page-content {
      color: #1a1a1a;
      font-family: Gill Sans MT,Gill Sans,Calibri,sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6 {
      color: #1a1a1a;
      font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif;
    }

    You could also completely remove the Google fonts from even loading by using this code in your child theme’s functions.php:

    <?php
    
    function remove_google_fonts() {
      wp_dequeue_style(  'simppeli-fonts' );
    }
    add_action( 'wp_enqueue_scripts', 'remove_google_fonts', 11 );
    Thread Starter Brett_the_Librarian

    (@brett_the_librarian)

    This is great — thank you!

    The font declarations work perfectly, and the function for removing Google fonts is much more efficient than what I was doing previously.

    I’m going to mark this thread resolved.

    Thanks again!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘text-transform: none’ is closed to new replies.