• Hello everyone I am using theme Baskerville
    and this is my website for example-http://www.top3rankings.com/

    Now in the tittle heading Top3 Rankings, how to I increase the size of only number 3??

    thanks

Viewing 15 replies - 1 through 15 (of 15 total)
  • Do you have a child theme?

    Hi
    For changing of the title size, put this to your child theme style.css
    Change the px number to any you like

    .blog-title a {
      font-size: 46px;
    }

    To change just No. 3
    You would have to tweak your header.php file (probably???, I do not know structure/hierarchy of your Theme)

    1)Put No. 3 to special container,

    <div class="sample3">3</div>
     or
    <section class="sample3">3</section>

    2)create special class=”sample3″ or id=”sample3″ in that container
    3) and then put css like this:
    for class:

    .sample3 {
      font-size: 46px;
    }

    for id:

    #sample3 {
      font-size: 46px;
    }

    to your child theme style.css file

    Hope this will help
    Cheers
    Tahoerock

    Thread Starter keyur11

    (@keyur11)

    hey guys thankyou for replying.

    so my css is like this for blog title-

    }
    
    .blog-title {
    	font-family: 'Pacifico', sans-serif;
    	font-size: 2.50em;
    	text-align: center;
    	text-shadow: 1px 5px 2px rgba(0,0,0,0.25);
    }
    
    .blog-title a { color: #fff; }
    
    .blog-title a:hover { color: #A9F5E1; }
    
    .blog-description {
    	font-size: 1.1em;
    	line-height: 110%;
    	font-weight: 400;
    	color: #F2FBEF;
    	margin: 20px 0 0 0;
    	text-align: center;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    }

    Now where do i add-

    <div class="sample3">3</div>
     or
    <section class="sample3">3</section>
    .sample3 {
      font-size: 46px;
    }
    #sample3 {
      font-size: 46px;
    }

    Thanks agains. I am noob at this.

    Hi
    Do you have a Child Theme ??
    If Yes then put this code to the bottom of your style.css file

    If not then put it to your style.css file
    Not heaving child theme, means that whenever you update your Theme you loose all your changes, like you would do in style.css file

    SO

    If you do not have a child theme, then the best choice is to install this plugin:

    simple-custom-css
    and put code to this plugin

    Cheers
    Tahoerock

    Long story short I tested how to do this by editing the header.php folder and adding CSS.

    You would have to have a child theme to accomplish what you are asking, at least for how I did it.

    I would suggest watching this video and doing a child theme.

    Then come back and we can walk you through the rest.

    Thread Starter keyur11

    (@keyur11)

    being honest i dont even know what child theme is

    It basically copies your main style.css file to keep all the main CSS but then lets you edit or add new CSS so when the theme is updated you not lose all your edits.

    Thread Starter keyur11

    (@keyur11)

    so i just copy my stlye.css in my lap this what u mean?

    No you follow the video on how to create a child theme.

    It uses the @import which basically is telling the site it import the style.css file but also use what you put in the child theme.

    Hi keyur11
    When you tweak your website, it is important to have child theme.
    It protects you from deleting hand changes you made in any css, html, php.
    Every time you update you Theme, all the changes you do to your style.css will be lost.
    Same is when you are skilled enough and do some tweaking of any php file.
    REAL CODING.
    You do not know much today, it will change in the future and it is handy to begin with child theme and with backing up your site.
    If you do not want to care much to learn, you will need someone to do it for you.
    It is pretty easy to shot down your site. 🙂
    IT IS VERY IMPORTANT TO BACKUP YOUR SITE, BEFORE YOU DO ANY CHANGES

    WHAT YOU ASKED FOR, MEANS TO DO SOME CODING IN THE header.php
    That is why it is handy to have Child Theme.
    When it is just CSS coding there is another way, by plugin:
    simple-custom-css

    BUT once you have to touch any php file, it is crucial to have Child Theme!!!!!!!!!
    …and this is your case, even you want just tweak one letter/number
    Read this:
    Child theme
    Why use a Child Theme?

    How to Create a WordPress Child Theme (Video)

    Cheers
    TahoeRock

    Thread Starter keyur11

    (@keyur11)

    you all are very nice people i ever met on some support forums.
    You all have restored my faith in humanity thanks alot.
    and thanks to everyone above giving such accurate and precise information, now i know what is child theme and its importance and right now i am working on it.

    Thank you everyone – You all are real gentlemans.

    Thread Starter keyur11

    (@keyur11)

    omg, i have already made so many changes in my default file.
    and now i got known to child theme so now how do i keep my website as it is? I dont even remember changes I’ve made.

    So with wordpress update will it be all gone back to default theme or only if theme updates? I dont think theme will ever get any update as its a free theme.

    Thread Starter keyur11

    (@keyur11)

    Long story short I tested how to do this by editing the header.php folder and adding CSS.
    You would have to have a child theme to accomplish what you are asking, at least for how I did it.

    I now have child theme now pls tell me what code do i add under that child theme pls.
    thanks

    Thread Starter keyur11

    (@keyur11)

    It is pretty easy to shot down your site. 🙂

    What does shoot down means? hack my site?

    Thread Starter keyur11

    (@keyur11)

    <div class=”sample3″>3</div>
    or
    <section class=”sample3″>3</section>

    .sample3 {
    font-size: 86px;
    }
    #sample3 {
    font-size: 86px;
    }

    adding this thing under inside my child theme dosent work

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Changing font size in theme?’ is closed to new replies.