changing font, font size and font color

  • Unknown's avatar
    malayeka · Member ·

    Hello all, i am trying to understand CSS customization.

    Am i right if i say that with theme twenty fourteen you can not change the font (let’s say to Arial) of the left widget titles, without the page title changing in font along with it? Even with CSS? Which means they are sort of paired in the CSS style rules?

    I had looked up the CSS within Chrome with ‘inspect element’ and think this is my conclusion.

    So this also means that if changing font color of the widget title, the color of the menu items changes along?

    If someone could confirm this, then things are clear to me. thank you

    I wanted to change font of the widget title, because as you can see the ‘follow us on facebook’ is too hard to read,even after making it bigger and in black color.

    Thanks so much!!

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

  • Unknown's avatar
    hallluke · Member ·

    I don’t think you can pick two different fonts using the custom font menu but you can change the font using CSS, the only condition is you need to use a font (like arial) that most people will have on their computer already. The code to change your widget titles is:

    .widget h1.widget-title {font-family:arial;}

    What you can alter with the upgrade depends on the theme you have chosen to use (and how much CSS you know). For example you might find it easier to read if the titles weren’t bold and in all capitals, like this:

    .primary-sidebar .widget h1.widget-title {text-transform:capitalize; font-size:1.6em; font-weight:normal;}

    Try both ways out and see what you think.

  • Unknown's avatar
    malayeka · Member ·

    oh wow.. so i was wrong.. So basically anything is possible and yes this is already way better! Thank you so much.

    I will go from here now and see what i like best!

  • The topic ‘changing font, font size and font color’ is closed to new replies.