Changing header's font size with CSS

  • Unknown's avatar
    helpeleven · Member ·

    Hi Everyone,

    I’m new to WordPress and this is my first blog. I’m trying to change the size and color of my header’s font BUT I still want to keep the Intergalactic theme supplied. How would I go about doing this with CSS. Again, I’m totally new to CSS so if anyone can walk me through the steps I would really appreciate it.

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

  • staff-jeanpierreac · Staff ·

    Hi.

    Let’s try. As you know, CSS is used to specify style properties to your contents. A nice starting point to understand how it works is https://en.support.wordpress.com/custom-design/css-basics/ (You will also find here several useful links to go further)

    The second thing you need to understand is how to apply those properties or rules to your WordPress blog. Brief, you can add css rules using a CSS Editor with a very useful built-in preview option to see how your changes will work. This is explained here: https://en.support.wordpress.com/custom-design/custom-css/

    Finally, the code. Your title is a class ‘site-title’ element, so you can play with font-size parameter.

    .site-title {font-size: 3em;}

    Inside your site-title, there is a link (‘a’ element) with an specific color attribute, so you need to change it. You can, with the following code:

    .site-title a {color: red}

    Let me know if this helps you or if you have any other question… And enjoy blogging!

  • The topic ‘Changing header's font size with CSS’ is closed to new replies.