Support » Theme: Olsen Light » Changing to sans serif for h1, h2 etc and amend ‘Continue Reading’ text

  • Hi, two questions here.

    I’d like to move to sans serif for my post/page titles (h1s) and all the other sub-headings too. I think it would go better with the body text font. Is there any css code I can use easily for this? I’d rather not install yet another plugin!

    Also I’d like to change the initial capital letters on the words ‘Continue Reading’ to block caps to fit with the rest of the style of my blog. Or maybe ‘READ MORE’. Is there a way to do this?

    Many thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello there,
    If you want to use Google Fonts follow this Guide here http://www.cssigniter.com/docs/article/using-google-fonts/

    Or, if you just need to use the default “Lato” font of the theme add this

    h1,h2,h2 a,h3,h4{
    font-family:"Lato",sans-serif;
    }

    in your custom CSS box under Customize->Additional CSS.
    If you wish to change the theme’s strings you can follow this guide https://www.cssigniter.com/kb/easily-modify-theme-strings/

    If you need to change “Continue Reading” string from capital to lowercase
    add this

    .read-more{
        text-transform:none;
    }

    in your custom CSS box.

    Let me know if you need additional help on this.

    Thank you! the sans-serif worked perfectly.

    The code for the read more didn’t work but it did when I put ‘uppercase’ in! Thanks

    Also, I’m fairly happy with the Lato font but if I did ever want to change it throughout the site in future, can that only be done with a plugin? I’m trying to avoid too many plugins as they do seem to slow the site down in speed tests.

    Hi there, if you have font files at your disposal, is to create a folder named fonts in your theme’s main folder and place the files in there. Then declare the font in your style.css file using the @font-face declaration ( here is how to use it http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ if you are not already familiar with it). Finally you search the style.css file and replace font-family instances with the new font.
    If you decide to proceed with this modification I would suggest you create a child theme. This will allow your changes to survive future theme updates. If you directly edit the theme’s files, all changes will be lost once you update.

    Have a look at this guide to learn more about child themes and how to create one http://www.cssigniter.com/ignite/beginners-guide-child-themes/

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.