Font size and colour update across theme

  • Hey,

    Loving the theme.

    Just wondering, how do I change the font size to 16px for mobile and 21px for desktop, and then change all font colours to black on mobile and desktop, site-wide?

    I’ve been trying to figure out how to do this all day, rather than going into each individual post and page and trying to change them that way, but don’t know much about CSS.

    Thanks in advance!

    -Zak

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter zloveday

    (@zloveday)

    Oh, also, one more thing, on mobile I noticed that there is a grey space below my header, even when I remove the header menu. How do I get rid of this?

    This is what I mean (I’ll remove the search bar and mobile header menu):

    View post on imgur.com

    Cheers,

    -Zak

    P.S. This is the best theme I’ve ever come across – paid or free.

    • This reply was modified 5 years, 3 months ago by zloveday.
    Theme Author Alexander Agnarson

    (@alxmedia)

    Try this additional css to change the font sizes:

    For desktop and mobile:

    
.entry { font-size: 21px; }
@media only screen and (max-width: 719px) {
.entry { font-size: 16px; }
}

    And to make the entry text black:

    
.entry { color: #000; }
    Thread Starter zloveday

    (@zloveday)

    Wow.

    That is so much better! Thank you.

    And one more question: on mobile, how do I put the search icon and the menu lines inside the main header, instead of having a separate grey header below it (as shown):

    View post on imgur.com

    Cheers,

    -Zak

    Thread Starter zloveday

    (@zloveday)

    Oh, also, when I drag my window across to make it smaller and then drag it back, part of the header stays white and doesn’t move with the window:

    View post on imgur.com

    How do I change this?

    Cheers,

    -Zak

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Font size and colour update across theme’ is closed to new replies.