Page Title size

Support Area Forums Moonrise Page Title size

Viewing 6 posts - 1 through 6 (of 6 total)
URL to the page in question: http://
  • Author
    Posts
  • #25502
    Gisella
    Participant

    Hello again,

    My search on previous topics was not successful, so one more question from me today!

    I would like to change page title font size. How can I do it?

    Also, can I set page title font size and body font size for smaller screens (smart phone) view in a different way?

    Thanks!

    #25503
    Bill Robbins
    Moderator

    Good Morning Gisella,

    You can change the page title size for the default and also set something different for smaller screens. Here’s how:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      h1.page-title {
      	font-size: 30px;
      }
      
      @media only screen and (max-width: 767px) {
      	
      	h1.page-title {
      		font-size: 24px;
      	}
      	
      }
      

      The 30px above is for the default. You can alter it to change the font size most everywhere. The 24px is for screens that are 767px wide and smaller. You can change the font size and also the screen size where the change happens to fit your needs.

    3. Update your settings.

    That should do it. If you have questions, just let me know.

    Have a great day,
    Bill

    #25508
    Gisella
    Participant

    Well Bill, this time there must be something missing in what I’m doing, because nothing seemed to change.

    I don’t know if I used the wrong term to define what I wanted to change or I did something wrong.

    What I would like to change is, for example, the size of “Il locale” in this page:
    http://a6f.340.myftpupload.com/il-locale/

    To make sure to notice the different I decreased size a lot, I copied this in the Custom CSS box in the advanced tab:

    h1.page-title {
    font-size: 15px;
    }

    Then clicked on “Save Options”.
    I refreshed the page and…to me it looks as big as before!

    Thanks again,
    Gisella

    #25509
    Bill Robbins
    Moderator

    I took a quick look and this style in the Custom CSS:

    
    select.tinynav {
    		background-color: #3f4b4b;
    

    looks like it’s missing the closing } which would make it like this:

    
    select.tinynav {
    		background-color: #3f4b4b;
    }
    

    Try adding that in and see if it won’t do the trick for you.

    Bill

    #25510
    Gisella
    Participant

    Oooops…I’m sorry I didn’t notice myself the silly mistake.

    Thanks again, then, and have a nice day!

    gisella

    #25513
    Bill Robbins
    Moderator

    Anytime 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Page Title size’ is closed to new replies.