Home › Forums › WordPress Themes – Premium › Preference › Changing font
- This topic has 13 replies, 39 voices, and was last updated 10 years, 3 months ago by
Sushil Adhikari.
-
AuthorPosts
-
August 7, 2013 at 10:42 pm #14010
Lisa M
ParticipantIs there a place in Appearance or Customize for changing the font? Do I need to do that in CSS?
Thanks.
August 7, 2013 at 11:01 pm #18124Sushil Adhikari
ModeratorHi Lisa…welcome to the forums! This will depend on what page element you want to change the font for?
August 7, 2013 at 11:21 pm #18125Lisa M
ParticipantHeaders and page titles.
August 7, 2013 at 11:31 pm #18127Sushil Adhikari
ModeratorThe fonts for the headings are found in the theme’s style.css file around line 231
h1, h2, h3, h4, h5, h6{ font-family: open_sans, sans-serif; font-weight:400; color:#333; margin-bottom:16px; margin-bottom:1rem; }
Then below that code you will see the different heading selectors as h1, h2, etc:
h1 { font-size:23px; font-size:1.438rem; }
You will notice I used two font sizes…px which is common, and then rem which is a relative size and used for the more modern browsers. You can remove the rem lines if you want to just use px instead. But to help give you a reference, this online tool is a conversion from px to em (also rem) and vice versa: http://www.pxtoem.com
August 7, 2013 at 11:37 pm #18128Lisa M
ParticipantThank you!
August 14, 2013 at 11:35 am #18143Ragnhild Hannoschøck Vea
MemberHi
I’d like to change font size of the actual content (not any heading)of the article. How can I do that?
🙂August 14, 2013 at 6:44 pm #18144Sushil Adhikari
ModeratorFont size for just the main content in the Preference theme is a bit more tricky because everything is relative sizing to the body size setting. However, you can edit the #content container to resize the text to your needs. Styling for #content can be found in the style.css file around line 193 and looks like this:
#content { min-height:120px; padding:40px 15px; border-bottom:1px solid #8faeb8; color:#000; }
Add this to it:
font-size: 12px;
Of course, you can change the font size to what you want.
August 14, 2013 at 9:48 pm #18147Ragnhild Hannoschøck Vea
Member🙂
Thank you!!Did’t work with #content but this worked;
body {
font-size: 18px;
}:cheer:
(I used child to add the css change)August 14, 2013 at 10:13 pm #18149Sushil Adhikari
ModeratorAh… awesome.
August 14, 2013 at 10:25 pm #18152Sushil Adhikari
ModeratorOne side note Ragnhild….I keep getting email delivery errors on your email address. You need to update your address in your user account.
August 24, 2013 at 6:42 am #18218Lisa M
ParticipantWhat are the text selectors (tags?) for the navigation bar text? Thanks.
August 24, 2013 at 6:52 am #18219Sushil Adhikari
ModeratorHi Lisa…are you wanting to change the font or size or both?
August 24, 2013 at 6:53 am #18220Lisa M
ParticipantThe font.
August 24, 2013 at 7:00 am #14011Sushil Adhikari
ModeratorIn the theme’s style.css, you will see around line 154 this:
#nav-wrapper { background-color:#78a5b6; border-radius:60px 60px 0 0; -webkit-border-radius: 60px 60px 0px 0px; height:37px; text-align:center; font:normal 14px open_sans, Arial, sans-serif; font-size: 0.875rem; color:#fff; position:relative; z-index:1000; }
I’m using rem as a font size that overrides the px, but if you want to use just px, then remove the rem font size line. Then of course, the font you see is open_sans….but you can change that there.
-
AuthorPosts
- You must be logged in to reply to this topic.