Change post title size

  • Author
    Posts
  • #3361275

    emelieherlin
    Member

    Hi!

    I want to scale down the size of the post titles on entry pages.
    As shown on http://emelieherlin.com, right now the title size is too big which results in titles being cut off. I want to keep the h1 size big on other pages where title is just one or two words (like frontpage, portfolio, contact etc).

    I am using aperitive theme. The current custom css looks like this:

    .blog h1.page-title:after {
    	content: "g" !important;
    }
    
    @media only screen and (max-width: 600px) {
    	/* For mobile phones: */
    	h1.page-title {
    		font-size: 90px !important;
    	}
    
    	
    	@media only screen and (min-width: 601px) {
    	/* For tablets: */
    	h1.page-title {
    		font-size: 150px !important;
    	}
    }
    
    @media only screen and (min-width: 768px) {
    	/* For desktop: */
    	h1.page-title {
    		font-size: 200px !important;
    	}
    }
    
    .widget+.widget {
    	position: relative;
    	margin-top: 2rem;
    }
    
    #big-search-trigger {
    	display: none;
    }

    (The reason I have already altered h1 is because it looked weird on mobile/tablets.)

    The blog I need help with is emelieherlin.com.

    #3361843

    you can use class for particular page. for “Home” page.

    @media only screen and (min-width: 768px) {
     .home h1.page-title {
      font-size:110px !important;
     }
    }
    
    #3372656

    emelieherlin
    Member

    Thank you so much! I made it work and it looks just like I want now :)

You must be logged in to reply to this topic.