Home Forums Bee WordPress Theme Change font size for PC/iPhone/Tablet

This topic contains 11 replies, has 2 voices, and was last updated by  jtaira 4 years, 8 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2960

    jtaira
    Participant

    Hi, your theme is great. I love it.
    I want to use different font size for PC / iPhone / Tablet.
    How can I do it ?

    I love using BIG font. It’s good looking for PC, but too big for iPhone.
    If I could change like…(basic size)
    PC : 20px
    iPhone : 16px
    It would be nice. Is it possible ?

    #2968

    Johnny
    Participant

    Hi, Thank you for purchasing our theme. you could change font size for different target like this:
    open file style.css, the section '@media (max-width: 480px) {' is for mobile devices, the section '@media (min-width: 1200px) {' is for PC, you can customize the font size as you wish.
    Best

    #2975

    jtaira
    Participant

    Thank you. but could you tell me how I do it. sorry. I want to input it in ‘@media (max-width: 480px) {‘ section.

    #2978

    Johnny
    Participant

    Hi, please show me which element you want to change font on mobile view. some screenshot would be better,
    Thank you

    #2979

    jtaira
    Participant

    Thank you for your help. For example, text in icon box.

    #2981

    Johnny
    Participant

    Hi, please try add this:
    .icon_text p{font-size:16px}
    Best

    #2982

    jtaira
    Participant

    Thank you !!! Great !!! How about text block ?

    #2983

    jtaira
    Participant

    And also I tried this. But it seems no change.
    .icon_text p{font-size:16px}

    Which section should I paste ???

    #2991

    Johnny
    Participant

    Hi, please paste your site url here and show me which element to which style, I will check it later.
    Thank you

    #3000

    jtaira
    Participant
    This reply has been marked as private.
    #3011

    Johnny
    Participant

    Hi, I have checked you site this page: http://www.tanden.co.jp/philosophy/. I think you have set inline style in the editor with text block module. so this will override styles in css file. adjusting the font size in editor directly maybe also a good choice.
    Best

    #3014

    jtaira
    Participant

    Thank you very much !

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

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!