How to change post title size

  • the edge

    #847

    Hello

    I want to increase the size of my post title coz its too small and how can i align it in center. Currently for every post title i have to use this

    <font size=6>Facts on Emerald

    I want to set the default font size to 6(not sure px or pt) for my post title and size 4 for my post content. I tried editing style.css for almost an hour but failed. Any help is appreciated. My blog address http://www.rudragems.com

    Regards

    Vaibhav Bathla

    Vaibhav

    #13757

    Is there anyone who can help me???????

    Vaibhav

    #13758

    HHHHHHEEEEEEEELLLLLLLLOOOOOOOOOOOOOO

    Why is anyone not replying to my post????????????

    Can anyone help me???

    Kim

    #13759

    Well, I simply dont understand Your questions, when I look at the site 🙂

    If You mean the text in slider, try this:

    .entry-content, .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {
    color: #2C2B2B;
    font: 18px arial;
    }

    Kim

    Vaibhav

    #13760

    No i didn’t meant the text in slider. I just want to know how to increase a normal post’s title size. Like i have an article ‘Facts on Emerald’, How can i increase text size of the title of the post. Currently for every article i have to use this <font size=6>Facts on Emerald tag. How to change the default text size of post’s title.

    Kim

    #13761

    If You use CSS code in Custom CSS or Child Theme style.css its easy to change

    any font on the site: (Change only one place)

    This is Your CSS for post title right now:

    h2, h2 a, h2 a:visited {
    font: 18px arial;
    }

    Edit: And this is mine:

    h2, h2 a, h2 a:visited {
    font-family: georgia,verdana,tahoma,arial;
    font-size: 20px;
    padding-bottom: 4px;
    }

    Just to show You another way or more options 🙂

    Kim

    Vaibhav

    #13762

    I did what you have mentioned. I added your code in my child theme but nothing happened. My post’s title size is same as before. If you are confused of what i am saying have a look at this picture & u will understand. http://images.rudragems.com/Facts%20On%20Emerald.png

    I am asking to increase its size and align this title to center by default. Currently for every post title i have to use this html code

    <font size=6>Facts on Emerald
    . I hope you have understood what i am saying.

    Regards

    Vaibhav

    Kim

    #13763

    Hi Vaibhav

    Where do You insert: <font size=6>Facts on Emerald

    As I told You 4 weeks ago only change your fonts in one place!

    And I think its best to control fonts with css code in your child theme: style.css

    Just checked your site again: Your post title’s in css is 18px arial

    I think You might have some wrong code placed!

    Kim

    Vaibhav

    #13764

    Hi Kim and thanks for your quick response.

    This is my child theme’s code

    /*
    Theme Name: graphene-child
    Theme URI: http: //www.rudragems.com/
    Description: Child theme for the Graphene theme
    Author: Vaibhav Bathla
    Author URI: http: //www.rudragems.com/about/
    Template: graphene
    Version: 1.0
    */
    @import url("../graphene/style.css");
    /* h2, h2 a, h2 a:visited {
    font-family: georgia,verdana,tahoma,arial;
    font-size: 25px;
    padding-bottom: 4px;
    } */

    I don’t know if this code is right or not and after doing this in my child theme i am not using font tag. My post’s title size is same as before after applying this code in my child theme. Even if i delete this code then also the size of the title remains same.

    Regards

    Vaibhav

    Admin

    Syahir Hakim

    #13765

    Remove the second set of /* and */ from your code, so that it becomes like this:

    /*
    Theme Name: graphene-child
    Theme URI: http: //www.rudragems.com/
    Description: Child theme for the Graphene theme
    Author: Vaibhav Bathla
    Author URI: http: //www.rudragems.com/about/
    Template: graphene
    Version: 1.0
    */
    @import url("../graphene/style.css");
    h2, h2 a, h2 a:visited {
    font-family: georgia,verdana,tahoma,arial;
    font-size: 25px;
    padding-bottom: 4px;
    }

    Adding those will cause the content in between them to be commented out, and ignored by the browser.

    Vaibhav

    #13766

    Thank you very much Kim and Syahir Hakim, you solved my concern.

    Just one more question, now how can i align this post title in center. By default it is aligned left. I do not want to use center tag for every post.

    Thank you with regards

    Vaibhav

    Kim

    #13767

    Well, You can use text-align: center;

    h2, h2 a, h2 a:visited {
    font-family: georgia,verdana,tahoma,arial;
    font-size: 30px;
    text-align: center;
    }

    Then again its a general change 🙂

    Kim

    Vaibhav

    #13768

    Thanks Kim you saved me from typing that HTML code in every post title.

    Thank you with regards

    Vaibhav

    Vaibhav

    #13769

    Hi Kim, I need your help once again.

    After applying your code everything was working fine until i updated my theme to the latest version and i didn’t backed up my files before updating. Now the size of my post’s title is again back to 18px and title is aligned to center only on homepage. If you open up a post the title is aligned left. My child theme is still active but the code in it stopped working after updating the theme and as usual i have no idea why this happened. Need your help again.

    Regards

    Vaibhav

    Kim

    #13770

    Hi Vaibhav

    .post-title, .post-title a, .post-title a:visited {
    border-bottom: 1px solid #E3E3E3;
    font-family: georgia,verdana,tahoma,arial;
    font-size: 30px;
    padding-bottom: 5px;
    text-align: center;
    }

    This Just Might Work 🙂

    Kim

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.