Home Block text size for Mobile

Support Area Forums Selfie Home Block text size for Mobile

This topic contains 3 replies, has 2 voices, and was last updated by  Bill Robbins 2 years, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://talhouk.cl
  • Author
    Posts
  • #27874

    pablo talhouk
    Participant

    Dear Bill, I like a lot the responsive of the site on computers and mobile sites. Also that the text size of the home blocks can be changed using the theme options. But i would like to configure the text smaller in mobile sites and bigger in computers.

    Is there a way to configure the text of the home blocks to be different for mobile viewers?

    Best regards!

    #27887

    Bill Robbins
    Keymaster

    Hello Pablo,

    Great question. It is possible to change the font size on smaller screens. Here’s how to do that:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      @media only screen and (max-width: 520px) {
      
      	body .content-area h2 {
      		font-size: 60px !important;
      	}
      	
      	.content-area p {
      		font-size: 16px;
      	}
      
      }
      
    3. Update your settings.

    Just change the 60px in the snippet above to adjust the size of the home block titles and the 16px to change the regular text.

    The 520px in the snippet above sets the screen-size threshold where the changes will be applied. You can adjust that to a larger or smaller size if you need to.

    Let me know if you have any questions,
    Bill

    #27890

    pablo talhouk
    Participant

    Great! Thanks!

    #27891

    Bill Robbins
    Keymaster

    Anytime Pablo 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Home Block text size for Mobile’ is closed to new replies.