Page Name Font Size

Discussion in 'Cloriato WordPress Theme' started by midoricraft, Dec 19, 2012.

Thread Status:
Not open for further replies.
  1. midoricraft

    midoricraft Member

    Joined:
    Dec 7, 2012
    Messages:
    38
    Likes Received:
    0
    I noticed that the Page name font size seems to always follow the format I used on the first line of my page content. For example:

    In this case, "Policies" is my page name, and "Privacy" is the sub heading on that particular page. How do I enlarge the font size for page name?
     
  2. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Hello,

    Please share the link of your website and also send the screen shot of your problem if possible. So that we can check your problem.
     
  3. midoricraft

    midoricraft Member

    Joined:
    Dec 7, 2012
    Messages:
    38
    Likes Received:
    0
    My site is not ready for launching. Here's the screen shot on one of the pages:

    "Policies" is the name of my page. I would like to enlarge the font size in heavy bold, but don't know how. In fact, it displayed in big font size for a few seconds but disappeared after that.
    Fyi, I have disabled the display of Home > Title at every page by having the following codes in Custom CSS. Not sure whether it caused the problem?

    .content_wrapper #crumbs {
    display: none;
    }
     
  4. midoricraft

    midoricraft Member

    Joined:
    Dec 7, 2012
    Messages:
    38
    Likes Received:
    0
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Go to Js > Custom.js present in your theme directory and remove the code given below

    Code:
    //Font replace
    Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6');
    Now,


    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .fullwidth-page h1 {
    font-size: 30px;
    font-weight:bold;
    }
    .content h1 {
    font-size: 30px;
    font-weight:bold;
    }
     
  6. midoricraft

    midoricraft Member

    Joined:
    Dec 7, 2012
    Messages:
    38
    Likes Received:
    0
    Yes, it works for all pages except the Contact Page. "Contact" is my page name, but still display in smaller font size as compared to other pages. I attached two screen shots here for your comparison.
     

    Attached Files:

  7. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .content h2 {
    font-size: 30px;
    font-weight:bold;
    }
     
  8. midoricraft

    midoricraft Member

    Joined:
    Dec 7, 2012
    Messages:
    38
    Likes Received:
    0
    I tried the above steps but did not solve my problem. The Contact page name is now in big font size, but the sub-headings in my other pages also appeared in same font size as the page names.
     
  9. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Open your contact page and edit it as shown in image.

    [​IMG]


    It will resolve your issue.
     
  10. midoricraft

    midoricraft Member

    Joined:
    Dec 7, 2012
    Messages:
    38
    Likes Received:
    0
    Yes, it works!

    Thanks v much.
     
Thread Status:
Not open for further replies.

Share This Page