Home › Forums › WordPress Themes – Premium › Preference › how to change post title font size
- This topic has 9 replies, 26 voices, and was last updated 10 years, 3 months ago by
Sushil Adhikari.
-
AuthorPosts
-
June 3, 2013 at 2:31 pm #13832
jsntit
Memberanyone can help one
June 3, 2013 at 6:31 pm #17877Sushil Adhikari
ModeratorAbsolutely…. the sizing of headings are in the theme’s style.css file, but for the one you are asking about is located around line 233 and looks like this:
[code type=css]
h1.intro-title {
font-size:20px;
font-size:1.250rem;
line-height:22px;
line-height:1.375rem;
}There’s two font sizes showing, one using the px size and the other using rem which is a relative sizing. The rem one will be the one that overrides the px because it follows right after the px. I use this tool to convert px to rem (also em) http://www.pxtoem.com but if you prefer px only, simply remove it and change the font-size for the px one.
Reminder: Whenever making modifications to core theme files, it’s recommended you use a child theme or for css only, if you have jetpack installed, it has a nice css editor that can be used so you don’t need a child theme for. But basically a child theme helps maintain any modifications a person does whenever there is an update to the main theme (parent theme) and won’t be lost on updates.
June 4, 2013 at 4:39 pm #17879jsntit
Memberhow to change post title color
June 5, 2013 at 9:59 am #17881Sushil Adhikari
ModeratorSorry for late reply… I must have missed this posting. Anyway, I just realized the Post title (linked title) does not have a colour option in the theme settings. I will have to add this on the next update. However, the styling for this is found in the style.css around line 588
[code type=css]h1 a:link,
h1 a:visited,
#right-column a:link,
#right-column a:visited {
color: #747474;
}
h1 a:hover,
#right-column a:hover {
color:#b88d28;
}You can separate the H1 a:link and the h1 a:hover from the others you see to have it’s own colour and hover (mouseover) colour by adding it to your styles, but to make sure it follows after the code above.
h1 a:link,
h1 a:visited {
your custom colour here
}
h1 a:hover {
your custom colour here
}June 5, 2013 at 2:44 pm #17882jsntit
MemberAbsolutely…. the sizing of headings are in the theme’s style.css file, but for the one you are asking about is located around line 233 and looks like this:
[code type=css]
h1.intro-title {
font-size:20px;
font-size:1.250rem;
line-height:22px;
line-height:1.375rem;
}There’s two font sizes showing, one using the px size and the other using rem which is a relative sizing. The rem one will be the one that overrides the px because it follows right after the px. I use this tool to convert px to rem (also em) http://www.pxtoem.com but if you prefer px only, simply remove it and change the font-size for the px one.
Reminder: Whenever making modifications to core theme files, it’s recommended you use a child theme or for css only, if you have jetpack installed, it has a nice css editor that can be used so you don’t need a child theme for. But basically a child theme helps maintain any modifications a person does whenever there is an update to the main theme (parent theme) and won’t be lost on updates.
edit
h1.intro-title {
font-size:18px;
font-size:1.1250rem;
line-height:20px;
line-height:1.25rem;
}
but not effectJune 5, 2013 at 6:20 pm #17884Sushil Adhikari
ModeratorDo you have a link to your site I can check out and try the font sizing?
June 6, 2013 at 7:29 am #17886jsntit
Memberhttp://www.taixingviolins.com/service/
my page content pic is nobut open http://www.taixingviolins.com/service/ pic automatic add
how can i cancel
June 6, 2013 at 7:48 am #17887Sushil Adhikari
ModeratorAre you wanting to change the colour of the “Page” headings? I was thinking you were referring to blog posts…however, if for page titles/headings, if you go to the theme options with the customizer, on the Colours tab, scroll down until you find “Page Headings” and then you can select your colour. I’m assuming you know where the theme options are?
As for your question about the
tag, I’m not quite sure what you are referring to?
June 6, 2013 at 8:02 am #17888jsntit
Memberhttp://www.taixingviolins.com/service/
this page
i write page between pic not addtag,
but actually display between pic addtag,
how can i cancelJune 6, 2013 at 7:08 pm #13833Sushil Adhikari
ModeratorThat is actually a WordPress editor thing…. basically where there is a blank line in the editor, the editor automatically puts a
tag in the blank lines. So the best way to avoid this is to make sure when you write your content, to make sure there’s no extra lines after the previous line of text or other elements.
-
AuthorPosts
- You must be logged in to reply to this topic.