how to change post title font size

Home Forums WordPress Themes – Premium Preference how to change post title font size

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #13832
    jsntit
    Member

    anyone can help one

    #17877
    Sushil Adhikari
    Moderator

    Absolutely…. 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.

    #17879
    jsntit
    Member

    how to change post title color

    #17881
    Sushil Adhikari
    Moderator

    Sorry 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
    }

    #17882
    jsntit
    Member

    Absolutely…. 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 effect

    #17884
    Sushil Adhikari
    Moderator

    Do you have a link to your site I can check out and try the font sizing?

    #17886
    jsntit
    Member

    http://www.taixingviolins.com

    http://www.taixingviolins.com/service/
    my page content pic is no

    but open http://www.taixingviolins.com/service/ pic automatic add

    how can i cancel

    #17887
    Sushil Adhikari
    Moderator

    Are 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?

    #17888
    jsntit
    Member

    http://www.taixingviolins.com/service/
    this page
    i write page between pic not add

    tag,
    but actually display between pic add

    tag,
    how can i cancel

    #13833
    Sushil Adhikari
    Moderator

    That 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.

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.